大的PNG图片尺寸动辄几百kb,网速慢会严重拖慢打开网页的速度,其实用Adobe PhotoShop的色调分离功能就可以有效的压缩PNG图片,并且质量是可控的。

压缩PNG步骤

1. 用PhotoShop打开一张PNG图片,在网上随便找了一张。

apple-logo

图片尺寸:43.6kb

2. 该图片应该处于RGB模式下,点击图像->调整->色调分离,会弹出一个对话框,对话框中有一个可以拖动的滑块,拖动滑块并观察图片的变化,如果仔细观察就会发现某些颜色被丢弃了,这就是压缩PNG的原理。数值越小,图片尺寸越小。

Posterize

3. 拖动滑块,调整图片的质量,调整到自己可以接受的程度,然后点击文件->存储为Web和设备所用格式保存图片为PNG格式。

 

apple-logo1
压缩后的图片,尺寸35.8kb

apple-logo2
进一步降低质量,尺寸29.2kb,但明显能看出条纹。

如果将此方法用于比较大的背景图片上,尺寸减少的效果很明显。

5条留言

  1. […] 来自:http://www.solagirl.net/reduce-and-optimize-png-images.html VN:F [1.9.17_1161]评价中…Rating: 0.0/10 (0 votes cast) PS – 方法 阅读此文的人还喜欢《PS》 推荐下载 […]

  2. 要用的ps啊。。
    一次只能处理一张图,

    1. 这种方法不是用来批处理的,批处理压缩png图片的工具网上很多,但压缩成什么样子不是很容易就能控制的。这种方法一般用来处理网页设计图片,比如很大的背景图片,背景图片不能太大也不能失真太严重,这个平衡还是靠人自己来把握比较靠谱。

评论功能已关闭