使用WebP进行博客图片压缩

Question

我想更改我的缩略图，以使用最新的图像压缩技术。Blogger使用URL参数提供了它，例如，这是我的缩略图：

https://1.bp.blogspot.com/xxxxxxx/xxxxxx/s350/image-name.jpg

我想通过添加rw将其转换为WebP格式，因此它将如下所示

https://1.bp.blogspot.com/xxxxxxx/xxxxxx/s350-rw/image-name.jpg

Blogger WebP图像在图像-rw中的s350旁边使用额外的URL。目前我已经准备好了这个数据标签。

expr:src = 'resizeImage (data: post.thumbnailUrl, 350)'

请提供一些引用，以便在此数据标记中传递-rw参数。我在任何文档中都找不到(官方或非官方)

PS:我不想要任何JavaScript解决方案，我知道这很容易做到:/

Answer 1

我希望这能对你有所帮助。

您可以使用此javascript代码将blogger图像转换为webp。

​

// image optimization 

var myIMG = document.getElementsByTagName("img");

for (var x =0 ; x < myIMG.length; x++) {
 var imgSRC = myIMG[x].src; 
var imgSRC_width = myIMG[x].width; 
var imgSRC_height = myIMG[x].height; 

   var  mypin = String(imgSRC.match(/\/s72-c\//));
                        imgSRC = replaceAll(imgSRC, mypin, "/w" + imgSRC_width + "-h" + imgSRC_height + "-p/" + "-rw");
imgSRC = imgSRC.replace(/png/gim,"webp");
imgSRC = imgSRC.replace(/jpeg/gim,"webp");
imgSRC = imgSRC.replace(/jpg/gim,"webp");
myIMG[x].src= imgSRC;

console.log(imgSRC);}

​

此代码获取博客中的所有图片，并将其转换为webp。

玩得开心!