用photoshop处理压缩图片

photoshop处理压缩图片

a) 一般色彩范围大，颜色丰富复杂，尺寸较大（大于200*200）的位图基本不考虑gif和png格式，一律采用Jpg、jpeg格式（一句话就是只考虑Jpg，jpeg） b) 用网络格式来保存图片（快捷键alt+ctrl+shift+S），而不要使用直接保存（shift+S）或者另存为…（ctrl+shift+S），

前者顾名思义更适用于网络传播、即使体积容量一样浏览速度也更快 c)

图片尺寸保持在1024*1024或以内，而根据今天购物网的实际情况，正方形的宽*高比例的产品图，可以保证外形不被拉长或者压扁等变形

d) 看下图为photoshop“存储为web和设备所用格式”的保存操作界面，最常用最重要的几个选项我圈起来

了，其他地方尽量用默认的，因为涉及到网络传输的协议，压缩太猛可能会导致图片显示不正常，下面逐

个介绍：

?

? 左上角：摸手工具：快捷键是空格space，就是移动图片； ? 切片选择工具：不是网页设计师一般不用到，略过；

? 放大镜、取色器和下面的基本也少用

? 原稿：查看完全未压缩的图片（不失真不压缩，体积最大，图片自身的原始色彩）

? 优化：经过PS优化处理的图片，根据右边圆圈的选项会发生变化，这个就是你保存后的效果图 ? 双联：原稿+优化一起展示，用来对比，比较实用 ? 四联：略过

? 右上角圆圈

? 预设：里面有PS预设的各种适合特殊用途的图片格式，一般会被修改，不用理会

?

? 此处选择jpeg格式，然后下边（重点！）

? ? 可以选择压缩的品质“最佳”“非常高”“高”，一般建议在“非常高”或者“高”，之间尝试，尝试什么？看下

图

?

? 当我把压缩品质设置为最佳时，原稿的框内显示原来这张图是1.7MB的体积，很大！但压缩后变成99.47KB，

缩小了N倍，但依然太大了，再看下图：

?

? 当我设置为“高”的时候，品质数值为60（你可以输入品质数值或者用文字来决定压缩品质，数字则更精细） ? 此时图片体积变成35.72KB，非常小！

? 一般肉眼是无法看出跟原稿的任何差别，如果想更小，可以在品质数值里输入更小的数字，但图片低于51之后

会有大量的杂色和噪点，谨慎操作

? 其他选项应该不用多介绍，也尽量不要更改默认设置

? 上面的35.72KB还能更小，但要求美工在取得产品原图（数码照片）时用钢笔勾图精准，另外钢笔勾图过程中，

为了保证边沿清晰，不要使用“羽化”效果，把羽化设置为：0px即可

? 背景复杂的图片，钢笔勾图后，背景填充FFFFFF纯白色，可以进一步节省体积

? 裁剪工具

快捷键C：裁剪工具可以输入你预期的尺寸，比如上图我输入600*600，分辨率是72，

这里有一个重要的概念是，所有数码相机拍摄下来的照片，分辨率均为300，海报，扫描等也会远大于72，这类外部设备导入到电脑的照片，如果直接放上网络，无疑是一场灾难，那么怎么处理呢？

建议在原图上用钢笔构图后，再选择裁剪（如果先裁剪，再钢笔构图，图片边沿清晰度质量大打折扣！）

裁剪时选择分辨率为72，拖动裁剪区域，裁剪后的图像即为72分辨率的电脑显示屏级别图片，而尺寸也变成600*600像素了。

另一个重要概念是RGB和CMYK两种色，RGB是电脑屏幕的三原色Red、Green、Blue（红绿蓝），而CMYK则是用于印刷用途的色彩模式：青色Cyan、品红色Magenta、黄色Yellow。而K取的是black最后一个字母，之所以不取首字母，是为了避免与蓝色(Blue)混淆。

有时候当用户需要上传扫描，照片复印等扫描仪导入的照片，这种图片分辨率大，颜色值丰富，并非显示屏的RGB色，而是CMYK色，因此体积绝对大，不适宜网络应用！因此当使用通过：扫描、复印、海报设计图源文件、产品VI源文件等导入的图片，请注意是否为CMYK色

如果是CMYK，则请转换成RGB色，方法如下：点击“图像”—“模式”—“RGB颜色”—“8位通道”。

总结（重点！）：

一张符合web传输要求的图片有如下几个特点： 1. RGB色8位通道

2. 宽度适应当前社会平均最小显示器屏幕分辨率的尺寸（宽1024~宽640），而文章部分的图片高度可任意，因为

能滚动向下观看 3. 展示性用途的图片不要使用gif、png甚至毫无压缩的原始位图bmp等格式，一般只用jpg格式；而具有特定功能用途的比如半透明，透明背景，广告gif小动画，浮动客服QQ等图片，才使用gif和png这类格式。

4. 不要用PS直接保存，用ctrl+alt+shift+S保存，选择合适的压缩品质，进行压缩保存，达到视觉和体积的最优化 5. 钢笔构图虽然累，但通过去除背景和杂色，补白后绝对能节省大量体积

6. 背景图案、背景渐变应尽量不要五彩缤纷，对比度不宜太高，亮度可以偏白，如图：

a)对比度饱和度太高，色彩范围大

b)均匀、柔和、亮度偏白、粉色系都让人容易浏览不会心情焦急，不会喧宾夺主干扰产品 7. 不可使用多次压缩的低品质图片，什么意思呢？

比如上面所说的压缩储存步骤，当一张图片A，A为原始图片，从数码相机导入到电脑后，美工甲进行构图、美化、压缩后保存成A1，到后来某天因为原图A丢失忘记备份，美工乙接手后懒得去找回原图A，直接采用已经上传到网络的A1进行二次修改再压缩储存成A2，假设压缩率为80品质，即80%，那么A2的压缩率就是A2=A1×80%=（A×80%）×80%=0.64A，如果再循环下去，后果就是Ax是一张包含大量噪点和颜色严重失真的图片，毫无清晰度可言。

8. 钢笔构图尽量用原始图片，分辨率越大，细节勾画越精细，同时裁剪后也不会毛边，另外记得构图时羽化为0，

毛边的图片给人很假、不可信的感觉。钢笔构图永远在裁剪之前！裁剪后的小分辨率图片再用钢笔构图谁都勾不出好东西。

9. 魔术棒尽量不用！色彩范围也有构图的功效，很好用但慎用，具体用法看似简单实则很复杂，这里三言两语难

解释，有需要时建议百度一些相关视频学习。

产品图打水印和批量格式、尺寸处理：

这里介绍ACDSee和光影魔术手：

ACDSee批量处理尺寸，格式转换，批量改名字加编号等极其方便；本身也能压缩图片，但效果不如PS理想，当然PS只能一张一张处理或者用宏命令批处理

光影魔术手可以把预先设计好的半透明水印（png24和gif可以达到透明背景），批量添加到处理好的图片，在制定的位置打上水印，两款软件的操作很简单这里则不作介绍。