WordPress主题开发

用PhotoShop压缩PNG图片

大的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. Pingback: 用PhotoShop压缩PNG图片的方式 | 蓝天博客
  2. Pingback: 用PhotoShop压缩PNG图片 - Final博客
    1. 这种方法不是用来批处理的,批处理压缩png图片的工具网上很多,但压缩成什么样子不是很容易就能控制的。这种方法一般用来处理网页设计图片,比如很大的背景图片,背景图片不能太大也不能失真太严重,这个平衡还是靠人自己来把握比较靠谱。

评论已关闭。