摄影网站:为文件大小牺牲多少质量？

Question

我正在为摄影师设计一个网站。显然，我压缩了图像，以便它们能够更快地加载，而不是使用所有的访问者上限。(有相当多的gbs图片，所以如果我浏览所有的相册，就会占用我所有的带宽一个月。)

这位摄影师担心，如果在她的网站上出现“像素化”或分辨率差的图像，就会为自己创造出一幅无拘无束的图像。

我能为职业牺牲多少质量？如果照片是低分辨率的，它是否真的反映在摄影师身上?还是人们仅仅理解网络的本质？

Answer 1

在我的经验中，这更多的是负载速度和照片质量之间的平衡。考虑到我自己也是一名专业摄影师，我理解这个艰难的挑战。

我觉得互联网已经走了很长一段路，现在有一些很棒的技术和工具可以用来避免这个问题。这些技术中没有一个是相关的，也不是摄影网站所特有的。

关于你的第一个问题:我能为职业牺牲多少质量？

根据我的经验，通常您可以通过处理jpeg图像的设置来找到平衡。设置70-85质量将是足够的。此外，利用72 DPI就足以使文件大小最小化。

你的第二个问题:如果照片是低分辨率的，它是否真的反映在摄影师身上?还是人们仅仅理解网络的本质？

是的，如果照片不是很高的质量，任何像素化和/或劣质的图像都会反映很差。摄影师的作品完全取决于视觉质量和对视觉细节的关注。

考虑

的

技术

如果你必须的话，我会避免极度压缩。互联网提供了许多伟大的技术来提高负载：

• 提供极好的用户体验:为访问者提供丰富的反馈将减少挫折感，并使他们在您的网站上停留更长时间。考虑以下与UI相关的技术：
  • 利用装载机
  • 交互式图像缩放很有意义。

• 动态图像缓存-利用网站软件，为用户提前生成不同大小的图像。如果您正在使用LAMP堆栈，PHP提供了两个很好的代码库(GD & 意象机和很多伟大的剧本，它们可以为您做到这一点)。
• 利用CDN:考虑架构(服务器)设置。就像从CDN或不同的网络加载静态映像一样，完全可以为您提供更快的加载时间。
• 考虑一下javascript延迟加载:有提供"lazyloading“映像的javascript插件的地段；它们等待加载图像直到它是绝对必要的。
• 利用图像调整服务:这个主题下面有一个很棒的线程！基于API的Smush.It或类似的无损图像收缩
• 最后，回顾一下YUI性能指南：雅虎提供了一个很棒的性能指南。上面已经提到了这些技巧中的一些，但是这个指南是相当全面的。