Wordpress 动态缩略图大小调整

Question

我管理着许多 wordpress 网站，其中一些具有响应式 CSS 设计。 响应式 CSS 的问题在于图像会缩放以适应不断变化的屏幕尺寸，这在页面优化方面并不是很好。

Yslow 告诉我“不要在 HTML 中缩放图像”，这是正确的：为什么在页面宽度为 320px、480px 或 576px 的屏幕上加载 960x720px 的图像。

如果我可以承受一些动态缩略图加载（缩略图已经生成），那么它应该将最适合的缩略图加载到屏幕大小。

有没有提供这种功能的插件或脚本？

最好的问候

Answer 1

srcset 属性具有不错的browser support，尤其是对于用户可能在移动设备上运行的浏览器（Safari、Chrome、Android 浏览器）。如果您需要除此之外的支持，还有 polyfills，但我不知道它们的工作效果如何，因为您正在与浏览器做一些它迫切想做的事情 - 尽快预加载所有页面元素。

如果您正在寻找一个 Wordpress 插件来为您处理事情，这就是：https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images 您似乎需要重新生成缩略图而不是动态创建它们。