在不影响加载时间的情况下在网站背景中获得高质量图像？

Posted 2023-02-25

【中文标题】在不影响加载时间的情况下在网站背景中获得高质量图像？

【英文标题】：get high quality images in background of websiteswithout compromising load time?

【发布时间】：2011-08-03 18:54:50

【问题描述】：

我正在制作一个网站，我想要一张巨大的图片来覆盖整个背景。我见过许多网站，其中背景中的图像看起来质量非常高，但页面加载速度仍然非常快。如何？ 例如看这个链接http://g2geogeske.com/menus 我怎样才能在不影响加载时间的情况下获得具有这样质量的图像。另外，如果有人知道任何解释这一点的教程或网站，请发布链接以表示感谢。

即使如此之大，它只有 170 kb（链接中的背景）。我的图像大约 700 kb，但看起来质量仍然低于链接中的图像。我是不是错过了什么。什么诡计什么的？？

【问题讨论】：

当您使用 Photoshop 保存时，选择“保存为网络和设备...”。尝试使用quality，直到获得良好的尺寸质量比。

我已经这样做了，但我的图片大约 700 kb，而且看起来质量仍然低于链接中的图片

@Danny：图像看起来质量很高的原因是大部分都没有对焦。在焦点外的区域很难发现伪影。

【参考方案1】：

您想知道如何压缩图像吗？去下载一个像样的图像查看器（Irfanview）或编辑器（Paint.NET）然后去城里！您链接的网站的背景是一个 171kb 的 jpeg 文件；对于一个不错的互联网连接来说，这只是小菜一碟。

【讨论】：

我的问题是它为什么只有 170 kb？对于这种质量，它至少应该是 400 或 500kb

你怎么看？这是一张非常模糊的照片，你到底看到了什么如此惊人的画面？

【参考方案2】：

通常当您将图像另存为 jpg 时，您可以选择指定“质量”率。如果您查看您链接的站点中的图像，背景图像，即使它非常大，也只有 170K。对我来说，保存 JPG 的神奇数字是 90% 的质量。 添加：另外，如果你使用 Irfanview，你可以添加一个名为 'RIOT' 的插件，它可以进一步压缩图像（我认为你也可以将它作为独立的或其他东西）http://luci.criosweb.ro/riot/

【讨论】：

这就是我想知道的，即使它这么大，它只有 170 kb。我的图像大约是 700 kb，而且看起来质量仍然低于链接中的图像。我错过了什么吗？？