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

yod*_*oda 64 png jpeg web

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

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

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

Dea*_*her 96

这取决于.

PNG适用于色彩较少的清晰图像,

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

通常,JPG用于照片和图片,而PNG(或GIF)用于布局.

您可能会发现此页面很有趣,因为它涵盖了PNG与GIF的基础知识.

  • 这更好地回答了这个问题.我不知道为什么,但我理解这个比选择的答案更好. (3认同)
  • 这更好地回答了问题,回答的链接真的很有帮助. (2认同)

Rin*_*nku 33

谷歌已经写好了.从选择正确的图像格式,您可以找到一个流程图来做出决定:

选择正确的图像格式


Sle*_*dge 23

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

一般的话,我会重复说了些什么,但也许在稍有不同的语言:对于站点的家具,这往往是计算机生成的,并会被缓存页面之间重复使用,倾向于PNG; 对于网站内容,这通常是页面特定的,可能大而复杂到足以掩盖有损压缩,倾向于jpg.

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

  • 如果你将你的网站瞄准通常有糟糕互联网连接的人,你必须担心页面加载.但是当你说png文件上的颜色没有按照它们应该显示时,你是对的,这是一个问题. (2认同)

小智 8

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

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


Car*_*icz 6

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

这是我的经验法则.