photoshop优化输出网页图片的技巧

┆死┆

我们都知道，对于一个网站而言，网页的下载速度是至关重要的。它不仅直接影响到用户的浏览体验、还关系到网页在搜索引擎中的排名参数。因此，优化网页、使之能快速下载是页面制作中很重要的考虑因素。网页优化涉及方方面面，图片优化则是其中重要手段之一。下面，本着把图片大小节省到字节的精神，网页教学网就来探讨一下web图片的优化，欢迎大家补充、指正。 　　图片优化基本原则：
　　一、图片裁切
　　切图时尽量贴合图形区，避免空白区域占用文件大小。
　　二、图片输出
　　1. 使用photoshop的“存储为web所用格式”功能来输出照片，
　　测试表明：输出某张图片为jpg格式，分别使用“存储为web所用格式”和一般的“存储为”，都压缩到50%，前者得到的图片结果为14.4kb，后者为47.1kb。
　　2. 在使用上述功能进行图片输出的过程中，对比jpg、gif格式下的文件大小，选择效果和大小较优的文件格式。
　　一般情况下，色彩少的图片使用png-8、gif格式文件会小些，色彩渐变丰富的图片，则使用jpg会小些。
　　3. Jpg格式的图片，需综合对比压缩品质高、中、低下的效果，尽量选择效果好且压缩品质较低的选项，以达到获取较小文件的目的。
　　4. 对于无多通道透明需求的图片，避免使用png24位格式输出。
　　Gif图片如何优化?

游客，本帖隐藏的内容需要积分高于 1 才可浏览，您当前积分为 0

　　这是PS的输出模式中提供的gif色彩选项。
　　
根据这些选项，我们再看看更多的Gif格式下多色阶的效果和文件大小对比。
　　
经对比可知，其实对于此图片而言，用32色来输出也是可以接受的。
　　Gif优化小结：对于gif而言，色彩越少，文件也就越小。在肉眼可可接受的范围内，尽量将gif色彩数量降低，能够对gif图大小进行有效的优化。道理其实很简单，关键就在于我们实际输出过程中要细心、耐心