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

随便看看你WordPress或Joomla博客上的任何一张图片。如果你注重图片质量，那么这张图片很可能尺寸过大，需要缩小才能在读者的电脑上显示，更不用说在移动设备上了。质量固然重要，但这种情况却会带来不小的代价。.

为了让单张图片尽可能适配多种显示设备，就必须使用大尺寸图片。但这会导致文件过大，即使在小型设备上也必须完整下载。解决方案是：根据显示设备（台式机、平板电脑或手机）提供缩放后的图片。.

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

图片在网页中究竟占用多少空间？虽然没有硬性规定，但考虑到图片的重要性和普遍性，答案无疑是相当多。如果您提供的图片最终都需要缩放，那么为了节省空间，直接向 WordPress 或 Joomla 用户提供已经缩放过的图片，从而加快网站加载速度，无疑是更明智的选择。.

CSS 的作用在于帮助我们处理一组相对不为人知但却至关重要的属性： srcset 、 sizes和media 。这些属性（大多数现代浏览器都支持）允许您根据视口大小指定要显示的图像版本。

srcset属性是对常用src属性的补充。顾名思义，它不是指定单个图像，而是指定一个缩放后的图像列表，并设置每个图像的显示宽度。与 srcset 属性配合使用的还有sizes属性，它可以根据视口宽度来定义图像的显示时机。

在这里阅读更多关于这些属性的信息，但好消息是，过去几年里，WordPress 会自动调整图片大小，并为您的读者提供合适的尺寸。效果令人惊叹：一张 511KB 的竖版图片在移动设备上会缩小到 42KB。

就图片尺寸而言，越小越好，前提是图片质量不受影响。虽然 WordPress 可以通过srcset 属性缩小图片尺寸，但您还可以采取更多措施来减小图片大小，特别是通过调整图片大小和压缩图片。

ImageRecycle 是一款可以同时调整图片大小和压缩图片的插件，适用于 WordPress 和 Joomla 系统。最棒的是，您可以使用 ImageRecycle 自动调整和压缩图片大小。.

如果您在 WordPress 或 Joomla 博客中使用图库图片，缩放功能就显得尤为重要。这些图片通常尺寸过大，以满足包括印刷媒体在内的各种用途。但在网络上，您几乎不可能用到它们的完整分辨率。使用 ImageRecycle，您可以在上传时自动将大尺寸图片缩放到指定的最大高度或宽度。.

除了缩放之外，压缩也是一项重要的功能，它可以在不牺牲图像质量的 ImageRecycle 下优化图像大小。使用有损压缩，您可以将图像空间减少高达 80%。这不仅适用于原始图像，也适用于 WordPress 缩放后的图像。ImageRecycle 可以自动为您完成这些操作。.

你眼中的几千字节的额外空间，对读者来说可能意味着宝贵时间的损失。好消息是，你无需为了加快加载速度而牺牲图片质量。通过更巧妙地运用 CSS 以及 ImageRecycle的缩放和优化功能，你可以获得能够适应不同设备屏幕的高质量图片。.