网站图片压缩，选择jpg还是png

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 5552 天前的主题，其中的信息可能已经有所发展或是发生改变。

同样尺寸下，明显png格式大一些

V2EX : png
淘宝：jpg
豆瓣：jpg

PNG

jpg

V2EX

21 条回复 • 1970-01-01 08:00:00 +08:00

highkay

2010 年 11 月 21 日

png是无损的，Jpg是有损的，当然png更大一些。

Mike

2010 年 11 月 21 日 via iPod

我只知道png是透明的。我需要它。

2010 年 11 月 21 日

谢谢楼上2位回复

spark

2010 年 11 月 21 日

请视应用情况再选择。
另，PNG24才是无损的，google一下就知道了。

chone

2010 年 11 月 21 日

如果是小图标的话我更倾向于用png,如果没有半透明效果可以使用png8

lianghai

2010 年 11 月 22 日

@c 同样尺寸下不一定 PNG 大，这和图片内容有关，您创建一张纯色图片再分别用 PNG-24 和 JPEG 存储就能看到：在处理非常连贯的图像时，即使是最高压缩率的 JPEG 都不一定有 PNG-24 小。
而 PNG-24 的无损高压缩率优势是很动人的，看看 apple.com 吧。

huacnlee

2010 年 11 月 22 日 via Android

一般情况下，照片类型的用 JPG, UI类的用PNG，将会比较小些

2010 年 11 月 22 日

@lianghai 我去看了几个产品图，都是jpg的

2010 年 11 月 22 日

@huacnlee 恩，谢谢分享

2010 年 11 月 22 日

@chone ,spark 谢谢分享PNG的知识，原来PNG还有多种格式。

Cheuk

2010 年 11 月 22 日

png可以背景透明用处大很多
ie6 不支持透明背景的png

但是jpg压缩会大很多，有损！

plidezus

2010 年 11 月 22 日

png8貌似有些时候比jpg小多了，前提是这张图片色彩不是很丰富～

lianghai

2010 年 11 月 22 日

@c 看来是我迷思了，因为曾经 MacBook Pro 的页面里有好多好多 PNG（我一直以为苹果对插图质量的要求高到了必须无损的地步），而现在似乎只有需要用到透明度的地方才用 PNG。

chone

2010 年 11 月 22 日

@lianghai 全透明可以用PNG8，IE6下没问题，IE6不支持的是PNG24的半透明

huacnlee

2010 年 11 月 23 日 via Android

你还是没明白!
如果是照片，那么肉眼能看到的效果下面，jpg格式要小得多。

但如果是花的。图片，比如按钮，大背景，之类，选择 png 要小些，而且无损

huacnlee

2010 年 11 月 23 日 via Android

其实选择 png8 就算全透明也不是那么简单的，边角不好处理

lianghai

2010 年 11 月 23 日

@lianghai 我明白。只是 PNG-8 对色彩深度的限制以及只有 1 bit 的 alpha 通道让它一般都不是 JPEG 的支援透明度的替代品。

napoleonu

2010 年 11 月 23 日

@lianghai 你穿越了。

darasion

2010 年 11 月 23 日

这要看设计的是否好看了，损不损什么的都是形式，内容好才是真的好。

lianghai

2010 年 11 月 23 日

@napoleonu 我真的穿越了……幸好现在 metions 还没出来……

@chone 我明白。只是 PNG-8 对色彩深度的限制以及只有 1 bit 的 alpha 通道让它一般都不是 JPEG 的支援透明度的替代品。

POPOEVER

2010 年 11 月 24 日

楼上这些讨论针对的是图片格式本身，其实楼主的问题应该先看他的网站情况再说

淘宝、豆瓣等大流量网站图片一定是追求最小体积的，他们的网站优化是字节级的