如何解决使用WebP的Blogger图像压缩
我想更改缩略图以使用最新的图像压缩技术。 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解决方案,我知道它可以轻松完成:/
解决方法
希望这对您有帮助。
您可以使用此 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。
玩得开心!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。