在将图像上载到您的网站之前,如何正确调整网络图像的大小有很多困惑(还有一些误解)。我们希望图像的平衡看起来棒极了,并且网站仍然非常快速地加载。该快速指南应为您带来最佳效果!
汇出设定
文件大小取决于三件事:
- 图像中的像素数
- 图像中的颜色和结构
- 应用于图像的压缩
就是这样,那么您网站的最佳设置是什么?继续阅读。
像素尺寸
首先,首先要正确导出图像。像素太少而您限制了图像的可用性,您将无法使用它的全角,太多,并且它们将被浪费,因为客户端的屏幕通常不会显示那么多像素。
根据我的测试,在使用全角和文件大小时,要获得针锋利图像的平衡的最佳像素宽度为2000px。除此之外,您还可以添加无理由的文件大小。
质量/压缩
接下来是压缩量或质量-我知道一些指南建议输入最大文件大小-但我不喜欢这样。图像的文件大小取决于内容,颜色数量,图像中任何结构的复杂性以及像素尺寸。通过强制将图像设置为特定的文件大小,您只是增加了不必要的压缩,因此降低了质量。
因此,我坚持使用Lightroom的特定质量百分比-75%
解析度
啊,每英寸像素!可能是导出屏幕上最常被误解的设置。
当您以像素为单位工作时,您的分辨率设置对文件“没有任何作用”。这是一个元标记,用于设置默认的打印尺寸(如果您只是点击打印而不向打印机发送任何尺寸说明)。
将您想要的任何内容放在这里(在以像素为单位工作时,Adobe应该将其显示为灰色)。它实际上不会改变任何事情–如果需要,请对自己进行测试。
导出2000px宽,75%质量和72ppi的图像,然后再次进行2000px宽,75%质量和300ppi的图像-文件大小将相同。
PPI在数字文件中根本没有任何意义,如果将其设置为72ppi,您只是说“此2000px宽的图像应打印27.78英寸宽”。
下图显示了我的Lightroom Web导出设置。
进一步优化
优化不止于此,我强烈建议使用Shortpixel,如果您不在WordPress上,则必须将文件上传到他们的网站以进行优化,但是如果您在WordPress上,则有一个插件可以链接到他们的API 。
不,它不是免费的,但是它可以提供令人印象深刻的结果,如果您使用“光泽”设置,则不会出现明显的质量损失,但是文件大小会大幅下降。根据您上传图像的频率,您可以购买一个月租计划或订阅。 “简短”订阅每月仅需4.99美元,每月包含5000张图片,对我们大多数人来说足够了。
编者注:还要查看JPEGmini,以获得另一种工具来优化网络图像文件的大小。
因此,您只需执行几个简单的步骤即可正确调整Web图片的大小,并在质量和文件大小之间取得平衡!
关于作者
安迪·丹恩(Andy Dane)是一位诺维奇婚礼摄影师,热爱旅行摄影和坦率的街头/家庭摄影。您可以在他的网站上查看Andy的更多作品,并在Instagram,Facebook和Twitter上关注他。本文也在此处发布,并经许可共享。