Wordpress动态缩略图大小调整

时间:2015-02-03 19:18:31

标签: javascript css wordpress optimization wordpress-plugin

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

Yslow告诉我"不要在HTML中缩放图像"并且它是正确的:为什么在页面宽度为320px,480px或576px的屏幕上加载960x720px图像。

如果我能负担一些动态缩略图加载(已经生成缩略图),那么它应该将最合适的缩略图加载到屏幕大小。

是否有提供此类功能的插件或脚本?

最好的问候

1 个答案:

答案 0 :(得分:1)

srcset属性具有不错的browser support,特别是对于用户可能在移动设备上运行的浏览器(Safari,Chrome,Android浏览器)。如果您需要此以外的支持,可以使用polyfills,但我不知道他们的工作情况如何,因为您正在与浏览器做出一些拼命想做的事情 - 快速预加载所有页面元素尽可能。

如果你正在寻找一个Wordpress插件来处理你的事情,那就是:https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images看起来你似乎需要重新生成缩略图而不是创建缩略图动态。