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图像在图像URL中的s350旁边使用一个附加的-rw。目前，我已经有了该数据标签。

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

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

PS：我不需要任何JavaScript解决方案，我知道它可以轻松完成：/

Answer 1

希望这对您有帮助。

您可以使用此 javascript 代码将博主图片转换为 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。

玩得开心！

使用WebP的Blogger图像压缩

1 个答案: