博客图片应该压缩多少?

加入我们的科学爱好者社区!

本文发表于《大众科学》的前博客网络,反映了作者的观点,不一定代表《大众科学》的观点


《大众科学》幕后的技术专家们一直在解决我们新网络中的问题,其中一些问题与图像大小和存储有关。因此,这是一篇关于博客文件大小的快速帖子。

在我开始之前,让我先获取一张测试图片

相机直接拍摄的原始文件非常大:19,000 KB。按照美国宽带速度中位数,用户需要等待一分钟以上才能下载。对于博文来说太慢了。而且图像也太大了。在全分辨率下,它比大多数电脑显示器宽三到四倍。


关于支持科学新闻报道

如果您喜欢这篇文章,请考虑通过以下方式支持我们屡获殊荣的新闻报道 订阅。通过购买订阅,您正在帮助确保未来能够继续讲述关于发现和塑造我们当今世界的想法的具有影响力的故事。


显然,我需要缩小图像。

缩小图像比看起来更复杂,因为图像可以通过多种方式缩小。

首先,可以改变物理尺寸。改变多少呢?作为上限,考虑博客的工作宽度。每个博主都应该知道他们的列宽,以像素为单位。 这个博客是 600 像素宽,所以当我想以完整尺寸发布图像时,我会调整到这个宽度。有时会更小,如果图像是垂直构图,或者我想将其嵌入文本中。任何大于列宽的图像,要么会超出侧边栏,要么会被自动压缩成我无法控制的方式,具体取决于博客软件。

仅仅减小尺寸还远远不够。一篇包含 10 张 600 像素宽图像的帖子,按照美国下载速度中位数计算,需要 10 秒钟,这仍然相当慢。

我们可以通过压缩文件内的信息来进一步缩小图像。压缩基本上是消除冗余数据的快捷方式。例如,我们的测试图像包含许多黄色像素。压缩算法可能不是简单地列出每个像素及其颜色,而是识别共享相似黄色值的像素位置并将它们编码在一起,从而节省重复写入“黄色”(或其数字等效物)的操作。因此,底层数据矩阵可以变得更小,而输出图像大致保持不变。

图像压缩有许多方法,但大多数系统都选择了 JPG 格式,因为它在文件大小发生巨大变化时,仍能很好地保持图像的视觉质量。事实上,JPG 压缩图像可以减少 80-90% 的底层数据,而图像的美观度才开始严重下降。这是我们的测试图像在更严重的压缩级别下的效果

从低压缩到中等压缩的跳跃——在 Photoshop 中,质量从高 (12) 到中 (6)——在下载时间上提供了显著的 4 倍提升,同时仅略微影响了图像质量。但看看之后会发生什么。与中等质量相比,最低质量/最高压缩设置仅节省了一点下载时间,而且图像看起来非常糟糕

为了回答标题中的问题——博客图片应该压缩多少?——我认为答案是,适量压缩,但不要过度压缩。 最好选择一个中间设置。

因此,为了准备用于博客的图像,我执行以下操作

  1. 调整大小,使其不大于博客列宽。

  2. 保存为中等压缩 (Photoshop 中质量级别为 6-8) 的 JPG 格式。

举个假设的例子,假设我的网络主机仅允许 10MB 的图像空间。这非常小,但我们言归正传。使用 10MB 空间,在发布 30 张未压缩的 600 像素宽图像后,我的空间就会耗尽。如果我使用中等压缩,我可以使用四倍的空间——120 张图片——而对视觉质量几乎没有影响。

最后,还有一种对拨号上网读者友好的方法是将图像分为 100 像素的缩略图和更大的文件。首页加载速度很快,用户可以自行决定是否查看可能需要几分钟才能下载的大文件。

 

Alex Wild is Curator of Entomology at the University of Texas at Austin, where he studies the evolutionary history of ants. In 2003 he founded a photography business as an aesthetic complement to his scientific work, and his natural history photographs appear in numerous museums, books and media outlets.

More by Alex Wild
© . All rights reserved.