网页devise – JPG或PNG,哪一个是最好的networking

我一直是一个Web开发人员,我已经习惯于将我的所有devise转换成png文件格式,以便构build我的网页。 尽pipePNG,与JPG相反,允许图像的透明度,这是一个更好的解决scheme?

这个问题关于页面加载时间和最佳网页devise实践,以及文件大小与图像的质量。

你认为最好的解决scheme是什么?

鉴于平均networking连接速度的不断提高,我并不认为页面加载时间是多么重要的问题。 用你最后的资源来思考你想要达到的目标是非常有用的:例如带宽是否有限? 然后趋向于更重的压缩是一个不费脑筋。 网站的graphics内容是否会扩展,确保服务器空间的成本随着时间的推移而增加? 然后趋于更重的压缩将延迟这一成本。 这是一个艺术作品网站吗? 那么 – 哈哈! – 在采样器工作中的压缩文物可能实际上是可取的! 你想鞭打一个游戏吗? 那么截图可能应该是超清晰的。

一般来说,我会重复所说的,尽pipe可能略有不同的语言:对于网站装饰 ,往往是计算机生成,并将被caching在页面之间重用,往往是PNG; 对于网站内容 ,这往往是页面特定的,可能大而复杂,足以掩盖有损压缩,倾向于JPG。

具体参考切换到你认为合适的PNG,通过PNGCrush运行一切当然 – 否则他们不会显示您期望在每个浏览器的颜色,并且您的devise的整体质量将会降低。

这取决于。

对于颜色数量较less的清晰图像,PNG更好,

JPG对于低带宽的图像来说更好 – 但是它不那么脆弱,因此对于GUI来说不是很好。

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

您可能会发现这个页面很有趣,因为它会介绍PNG与GIF的基础知识。

谷歌已经写得很好。 从select正确的图像格式 ,你可以find一个stream程图做出决定:

选择正确的图像格式

“鉴于平均networking连接速度的不断提高,我不会认为页面加载时间是一个更为重要的问题”

根据网站的search引擎优化,如果页面加载时间超过2秒,谷歌排名更糟糕,所以压缩是必要的,特别是在新的网站devise重在graphics。

对于有很多细微差别颜色的摄影图像来说,jpg通常是首选。 PNG与计算机生成的graphics很好地工作。

这是我的经验法则。

我是一个首发,而且我所做的大部分是如果图像太大,我会做小,除非它是一个背景图像。 如果是布局,我selectPNG和JPG图片。