css - Blogger 中的 srcset 和特定图像大小

Question

在我使用 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/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"
width="160" height="160"

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

我的问题是我应该如何处理最后一个案例？

如果我告诉 Blogger 下载/s160/图片的版本，它们看起来很糟糕（像素化）......

标签： cssbloggerresponsive-imagessrcset