Wordpress -页面洞察-为移动设备优化图像

Question

我得到了一个“压缩和调整大小...”谷歌页面洞察的通知。我很清楚photoshop中的压缩，问题是移动图像似乎比桌面图像需要更多的压缩。1.有没有办法在移动端显示不同的图片？2.我试过smush it插件，但似乎不起作用

Answer 1

有一个名为ricg-responsive-images的新插件(它有Responsive Images Group的支持-他们一直致力于在浏览器中获得对响应式图像的支持)。

当你在帖子中插入一张图片时，它会根据你已经拥有的图片缩略图的大小自动添加一个srcset属性(你可以在设置>媒体中自定义它们)。

Srcset意味着浏览器将根据屏幕的高度、宽度或像素分辨率选择正确的图像，(希望)下载最小的合适文件，而不需要任何javascript。

该插件还具有commands，可以为媒体库中的任何图像生成srcset (或整个图像标记)，您可以在主题中使用它。

有趣的是，我发现即使你手动压缩一张图片，你通常仍然会收到来自谷歌和类似网站的警告，告诉你它可以再压缩一点。使用您的判断，什么时候可以安全地忽略这一点。