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

c · 2010-11-21T13:31:29Z

同样尺寸下，明显png格式大一些 V2EX : png 淘宝：jpg 豆瓣：jpg

PNG

jpg

V2EX

21 replies • 1970-01-01 08:00:00 +08:00

highkay

Nov 21, 2010

1

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

Mike

Nov 21, 2010 via iPod

2

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

c

OP

Nov 21, 2010

3

谢谢楼上2位回复

spark

Nov 21, 2010

4

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

chone

Nov 21, 2010

5

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

lianghai

Nov 22, 2010

6

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

huacnlee

Nov 22, 2010 via Android

7

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

c

OP

Nov 22, 2010

8

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

c

OP

Nov 22, 2010

9

@huacnlee 恩，谢谢分享

c

OP

Nov 22, 2010

10

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

Cheuk

Nov 22, 2010

11

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

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

plidezus

Nov 22, 2010

12

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

lianghai

Nov 22, 2010

13

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

chone

Nov 22, 2010

14

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

huacnlee

Nov 23, 2010 via Android

15

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

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

huacnlee

Nov 23, 2010 via Android

16

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

lianghai

Nov 23, 2010

17

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

napoleonu

Nov 23, 2010

18

@lianghai 你穿越了。

darasion

Nov 23, 2010

19

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

lianghai

Nov 23, 2010

20

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

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

POPOEVER

Nov 24, 2010

21

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

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