网页设计 - jpg或png，哪一个最适合网络

Question

我已经做了很长一段时间的网络开发人员，我习惯将我的所有设计转换为png文件格式，以便构建我的网页。尽管与jpg相反，png允许图像透明，但这是一个更好的解决方案吗？

问题涉及页面加载时间和最佳网页设计实践，以及文件大小与图像质量的关系。

您认为最佳解决方案是什么？

Answer 1

取决于。

对于色彩数量较少的清晰图像，PNG更适合

对于低带宽图像，JPG更好 - 但是它不那么清晰，因此对GUI不太好。

通常，JPG用于照片和图片，而PNG（或GIF）用于布局。

您可能会发现this page很有趣，因为它涵盖了PNG与GIF的基础知识。

Answer 2

谷歌已经写好了。从Selecting the right image format开始，您可以找到一个流程图来做出决定：

Answer 3

鉴于平均网络连接的速度不断上升，我不会认为页面加载时间不再是一个问题[ducks！];用你最后的资源来思考你想要实现的目标真的更有用：例如带宽有限吗？然后倾向于更重的压缩是一个明智的选择。网站的图形内容是否会扩展，确保服务器空间的成本会随着时间的推移而增加？然后倾向于更重的压缩将延迟该成本。它是艺术作品网站吗？然后 - 啊哈！ - 实际上可能需要采样器工作中的压缩伪像！你想鞭打游戏吗？然后截图应该是超清晰的。

一般情况下，我会重复所说的内容，尽管语言略有不同：对于网站陈设，它们往往是计算机生成的，并且会被缓存以便在页面之间重复使用，倾向于png;对于网站内容，它通常是特定于页面的，可能很大且复杂到足以掩盖有损压缩，因此倾向于jpg。

具体参考切换到您认为合适的png，当然要通过PNGCrush运行所有内容 - 否则它们将无法显示您在每个浏览器中所期望的颜色以及设计的整体质量将会减少。

Answer 4

“鉴于平均网络连接的速度不断提高，我不会认为页面加载时间不再是一个问题”

根据网站搜索引擎优化优化，如果页面加载时间超过2秒，谷歌会将您的网站排名更差，因此压缩是必要的，特别是对于重载图形的新网站设计。

Answer 5

对于具有许多微妙不同颜色的摄影图像，通常优选jpg。 png适用于计算机生成的图形。

这是我的经验法则。

Answer 6

我是首发，我所做的主要是如果图像太大我会做小，除非它是背景图像。如果是布局我选择PNG和JPG作为图片。