Blogger 中的 srcset 和特定图像大小

问题描述

在我使用 PageSpeed Insights 检查我的博客后,我决定首先解决 Properly size images

对于那些不熟悉上传图片的Blogger系统的人,我将提供一些背景知识。 每当通过 Blogger 界面上传图像时,都可以通过编辑其源链接来定义图像的特定大小。

比方说这是我刚刚上传图片地址: https://abc.blogspot.com/something/s540/dog.jpeg

s540 部分表示我想要 540x540 的图像。 s 代表平方。 可以将数值修改为任意数字。

回到我的问题。

在我看到由于错误的图像尺寸而失去分数后,我将 srcset 属性添加到我的图像中:

src="https://abc.blogspot.com/something/s540/dog.jpeg" 
srcset="https://abc.blogspot.com/something/w280/dog.jpeg 280w,https://abc.blogspot.com/something/w560/dog.jpeg 560w,https://abc.blogspot.com/something/w840/dog.jpeg 840w,https://abc.blogspot.com/something/w1120/dog.jpeg 1120w,https://abc.blogspot.com/something/w1400/dog.jpeg 1400w"

我的积分又回来了:)

但是,在我的主页上没有按预期工作。

我有一个包含大约 10 张图像的画廊,我使用 width 元素的 heightimg 属性将其强制缩小。

当我尝试和以前一样的技巧时:

src="https://abc.blogspot.com/something/s540/dog.jpeg" 
srcset="https://abc.blogspot.com/something/w280/dog.jpeg 280w,https://abc.blogspot.com/something/w1400/dog.jpeg 1400w"
width="160" height="160"

我仍然收到错误提示我提供了错误的图像尺寸 - 可能是因为 160x160 尺寸强制。

我的问题是我应该如何处理最后一种情况?

如果我告诉 Blogger 下载图像的 /s160/ 版本,它们看起来很糟糕(像素化)...

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)