首页 > 建站教程 > PS教程,设计教程 >  利用photoshop的色调分离工具压缩PNG,加速网页的正文

利用photoshop的色调分离工具压缩PNG,加速网页的

我们再做网站时,图片体积不可过大,一般不要超过1M,否则加载速度会很慢。另外,服务器空间也是寸土寸金,在不破坏原图的原则上尽量压缩体积是很不错的选择。网上有很多这种工具。推荐专业png压缩网站www.tinypng.org,当然,photoshop也有这个功能,而且很出色。即“色调分离”:
这是几张测试的图片:

原图

第一步、我们先看看测试图片的大小:

图片305kb

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

色调分离对话框

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

压缩后的图片,基本上看不出区别

压缩后的大小之后140KB。可以继续往下压缩,但是不建议,因为已经影响美观了。

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