在您的 WordPress 或 Joomla 网站上提供适当缩放的图像

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

为了用单个图像容纳尽可能多的不同显示器，您必须使用大图像。 反过来，这会转化为大文件，即使在小型设备上也必须完整下载。 有一个解决方案：根据显示设备（无论是台式机、平板电脑还是移动设备）提供缩放的图像。

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

图像在网页中占用多少空间？ 没有硬性规定，但考虑到它们的重要性和普遍性，答案肯定是很多。 如果您提供的图像最终会重新缩放，那么只有经济地为您的 WordPress 或 Joomla 用户提供已经缩小的图像以加快网站加载时间才有意义。

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

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

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

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

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

ImageRecycle是一个可以同时为您重新缩放和压缩图像的插件，可在 WordPress 和 Joomla 上使用。 最重要的是，您可以使用ImageRecycle自动重新缩放和压缩图像。

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

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

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