我们再做网站时,图片体积不可过大,一般不要超过1M,否则加载速度会很慢。另外,服务器空间也是寸土寸金,在不破坏原图的原则上尽量压缩体积是很不错的选择。网上有很多这种工具。推荐专业png压缩网站www.tinypng.org,当然,photoshop也有这个功能,而且很出色。即“色调分离”:
这是几张测试的图片:
原图
第一步、我们先看看测试图片的大小:
图片305kb
第二步、该图片应该处于RGB模式下,点击图像->调整->色调分离,会弹出一个对话框,对话框中有一个可以拖动的滑块,拖动滑块并观察图片的变化,如果仔细观察就会发现某些颜色被丢弃了,这就是压缩PNG的原理。数值越小,图片尺寸越小。
色调分离对话框
第三步、拖动滑块,调整图片的质量,调整到自己可以接受的程度,然后点击文件->存储为Web和设备所用格式保存图片为PNG格式。
压缩后的图片,基本上看不出区别
压缩后的大小之后140KB。可以继续往下压缩,但是不建议,因为已经影响美观了。
如果将此方法用于比较大的背景图片上,尺寸减少的效果很明显。