如何在博客中提供缩放图像

Question

当我在 Gtmetrix 中查看我的博客时，它显示 "serve scaled images" 的值为 0。我不知道如何在博客中显示缩放图像。我尝试了来自其他博主的许多代码，但它仍然在 "serve scaled images" 中显示 0 值。我的 link 是 here。我应该为主页和 post 页面或其他任何内容保留相同的缩略图大小吗？不知道怎么解决这个问题

调整图片大小的代码如下-

<script type='text/javascript'>
//<![CDATA[
  function snippetimage(a,e){var g=416,i=312;return image_tag='<img src="'+a.replace("/s72-c/","/w"+g+"-h"+i+"-p/")+'" alt="'+e+'"/>',yimage_tag='<img src="'+a.replace("default","0")+'" alt="'+e+'"/>',-1!=a.indexOf("img.youtube.com")?yimage_tag:""!=a?image_tag:""}
//]]>
</script>

请帮忙！

Answer 1

出现此问题是因为模板正在加载比要求更大的图像。您必须更改图像的分辨率（从当前的 416x312 px 更改为 183x200 px，如屏幕截图中所示的 GTmetrix 报告所述以下）。您必须按如下方式更改上述代码 -

<script type='text/javascript'>
//<![CDATA[
  function snippetimage(a,e){var g=183,i=200;return image_tag='<img src="'+a.replace("/s72-c/","/w"+g+"-h"+i+"-p/")+'" alt="'+e+'"/>',yimage_tag='<img src="'+a.replace("default","0")+'" alt="'+e+'"/>',-1!=a.indexOf("img.youtube.com")?yimage_tag:""!=a?image_tag:""}
//]]>
</script>

如何在博客中提供缩放图像

How to serve scaled images in blogger

html

javascript

css

blogger