在WordPress或Joomla网站上提供正确缩放的图像

拍摄WordPress或Joomla博客上的任何图像。 如果您对质量进行评分，则可能是图像足够大，必须缩小图像以适合读者的台式设备，更不用说在移动设备上了。 质量很好，但是这种情况的价格很高。

要在单个图像中容纳尽可能多的不同显示，您必须使用较大的显示。 反过来，这会转换成大型文件，即使在小型设备上，也必须全部下载。 有一种解决方案：根据台式机，平板电脑或移动设备上的显示设备缩放图像。

使用CSS在WordPress和Joomla上提供缩放图像

网页中图像占用多少空间？ 没有硬性规定，但考虑到它们的重要性和普遍性，答案肯定是很多的。 如果您提供的图像无论如何都将最终重新缩放，那么从经济角度考虑并为WordPress或Joomla用户提供已经缩小的图像即可加快网站的加载时间，这才有意义。

CSS 可以帮助处理一组相对未知但无价的属性： srcset 、 sizes和media 。 这些属性（大多数现代 Web 浏览器都支持所有这些属性）让您可以根据视口的大小指定要提供的图像版本。

该srcset补充平时SRC标签。 就像属性名称所暗示的那样，您无需使用它来指定单个图像，而是使用它来指定缩放图像的列表以及应使用每个图像时的宽度。 结合使用它是sizes属性，您可以使用该属性根据视口宽度定义何时显示图像。

您可以在此处阅读有关这些属性的更多信息，但令人欣慰的是，在过去的几年中，WordPress会自动重新缩放图像并为读者群提供适当的尺寸。 结果是惊人的：在移动设备上，具有511Kb的肖像图像减少到42Kb。

使用ImageRecycle自动重新缩放和优化

在图像尺寸方面，只要不影响质量，则越小越好。 尽管WordPress通过使用srcset可以帮助您，但是您可以做更多的事情来最小化图像大小，特别是通过重新缩放和压缩图像。

ImageRecycle是一个可以同时为您重新缩放和压缩图像的插件，并且在WordPress和Joomla上均可用。

如果您发现自己在WordPress或Joomla博客中使用了图片图像，则重新缩放比例特别有用。 这些图像通常过大，无法应付包括印刷媒体在内的所有用途。 在网络上，您极不可能需要使用它们的整个分辨率。 使用ImageRecycle ，您可以在上传时自动将大型图像缩小到最大高度或宽度。

ImageRecycle再一次可以为您自动执行此操作。

您所看到的几千字节可能意味着读者失去宝贵的时间。 好消息是，您不必为加载时间而牺牲质量。 通过更聪明地使用CSS和ImageRecycle的重新缩放和优化，您可以拥有适合读者设备的高质量图像。