Blogger 中的 srcset 和特定图像大小

如何解决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 元素的 height 和 img 属性将其强制缩小。

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

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/ 版本，它们看起来很糟糕（像素化）...