用photoshop处理压缩图片.docVIP

photoshop处理压缩图片 一般色彩范围大，颜色丰富复杂，尺寸较大（大于200*200）的位图基本不考虑gif和png格式，一律采用Jpg、jpeg格式（一句话就是只考虑Jpg，jpeg） 用网络格式来保存图片（快捷键alt+ctrl+shift+S），而不要使用直接保存（shift+S）或者另存为…（ctrl+shift+S），前者顾名思义更适用于网络传播、即使体积容量一样浏览速度也更快 图片尺寸保持在1024*1024或以内，而根据今天购物网的实际情况，正方形的宽*高比例的产品图，可以保证外形不被拉长或者压扁等变形 看下图为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传输要求的图片有如下几个特点： RGB色8位通道 宽度适应当前社会平均最小显示器屏幕分辨率的尺寸（宽1024~宽640），而文章部分的图片高度可任意，因为能滚动向下观看 展示性用途的图片不要使用gif、png甚至毫无压缩的原始位图bmp等格式，一般只用jpg格式；而具有特定功能用途的比如半透明，透明背景，广告gif小动画，浮动客服QQ等图片，才使用gif和png这类格式。 不要用PS直接保存，用ctrl+alt+shift+S保存，选择合适的压缩品质，进行压缩保存，达到视觉和体积的最优化 钢笔构图虽然累，但通过去除背景和杂色，补白后绝对能节省大量体积 背景图案、背景渐变应尽量不要五彩缤纷，对比度不宜太高，亮度可以偏白，如图： a)对比度饱和度太高，色彩范围大 b)均匀、柔和、亮度偏白、粉色系都让人容易浏览不会心情焦急，不会喧宾夺主干扰产品 不可使用多