虽然平时用Photoshop时大概也能知道哪种保存方式更合适,但基本停留在经验基础上,而这篇文章对存储为和存储为web和设备所用格式有详细的分析,觉得比较有做参考资料的价值,所以决定分享一下。

Photoshop中最易混淆的选项之一是在保存编辑过的图片时,有两种保存图片的方式:“存储为和存储为web和设备所用格式”。本篇文章将解答存储为和存储为web和设备所用格式有何区别,以及何时应该选择保存为web格式。

Photoshop提供了两种保存编辑过的图片的方式

文件->存储为
文件->存储为web和设备所用格式

两种保存方式都可以输出jpeg格式图片,但两种方式在jpeg压缩质量的选项、灵活度和表现上有所区别。

如果你想要…【那么选择的保存方式是】

1、创建网页使用的图像,或者想尽可能的优化图像文件的体积【存储为web和设备所用格式】
2、和他人分享图片,而且你希望别人知道你拍摄照片的时间日期等【存储为】
3、和他人分享图片,但你不希望别人知道你拍摄照片的时间日期等,比如用于图片库,或是需要保护隐私【存储为web和设备所用格式】
4、把图像文件压缩到指定的大小,或者你想要在设定图像质量时能有交互的反馈【存储为web和设备所用格式】
5、其它情况【存储为】

Photoshop 存储为:

存储为是用户输出最终图像文件的标准方式,因此对话框中有输出多种文件格式的选择。这种保存方式没有为低速数据传输方式(例如互联网)优化文件,保存的图像文件中包含了附加信息,因此文件体积较大。如后面所示,这些附加数据的体积可能接近40kb。

摄影者通常选择存储为而不是存储为web和设备所用格式的一个主要的原因是,在分享照片时,观看者能够查看到图片的Exif信息(包括相机和拍摄信息)。大部分照片分享网站(例如pbase)都能自动提取Exif信息,以方便其它摄影者查看。尽管如此,Exif信息包含着照片拍摄的时间日期信息,所以可能涉及隐私。

16位模式
由于”存储为”不支持保存16位模式的图像,所以有必要先转换成8位模式,保存。如果你要继续处理图片的话,就撤销上一步颜色位深的设置。把图像转为8位RGB图像的方式是菜单上的图像->模式->8位/通道。存储为web和设备所用格式会自动为你转换颜色位深。

Photoshop存储为web和设备所用格式:

存储为web和设备所用格式没有像存储为那样提供很多中保存图像文件的格式选择,但是它为每种支持的格式提供了更灵活的设置。支持的格式包括:

Jpeg-可以设置图像保存质量(1-100%)。无透明度。
Gif-通过设置调色盘大小(2-256色)和颜色抖动来确定保存图片的质量。支持单色透明度。
Png-8-通过设置调色盘大小(2-256色)和颜色抖动来确定保存图片的质量。支持单色透明度。(原文中png-8透明度的说法貌似有误?)
Png-24-无损24位质量。支持透明度。
Wbmp-黑白抖动输出。

存储为web和设备所用格式之jpeg输出:

保存为网页格式目的是输出展示在网页上的图片,保存的主要的目的之一是在维持图片质量的同时尽可能地缩小文件体积。保存为网页格式使用了两种方法达到此目的:a) 在拖动滑动条更改jpeg质量设置时提供即时预览;b)移除输出文件中所有不必要的信息(jpeg标记)。

存储为web和设备所用格式的主要特色有:

优化文件大小:可以自动选择文件格式(jpeg或gif)和选择jpeg的压缩率,以实现选定的文件大小。
移除Exif信息。很多时候这是一个有用的功能,而另一些人则会因为此功能而不使用存储为web和设备所用格式。对于简单的网页图片来说,或者出于保护隐私,你也许希望隐藏照片拍摄的时间日期以及其它参数。但是,如果你想要在网络相册中分享你的照片,并且希望观看者看到拍摄的焦距、光圈和其它参数,那么就不适合使用存储为web和设备所用格式了。

移除可选的标记。在大多数jpeg文件中,有一些记录附加信息、或是在出错/崩溃时用以恢复的特殊标记。存储为web和设备所用格式会在jpeg文件依然能被解码的前提下移除这些标记。

目前有3 条留言

  1. 2012年05月15日 00:22 曹杰seo博客   |  引用  |  #1     

    网站排版的时候图片的处理是很重要的 直接影响到 网站的打开速度。对图片的优化 是很重要的

  2. 2012年05月15日 00:21 曹杰seo博客   |  引用  |  #2     

    我发现了 一个 在IE6下面 png图片透明的 方法 就是 你在保存的时候(储为web和设备所用格式—保存成为 png-8格式的 在IE6浏览器下 是 透明的 ) 一般格式的png图片 在IE6下面是有个灰色的底,需要用 js来消除。

    • 2012年05月16日 00:17 微酷   |  引用  |  #3     

      但是图片边缘会有锯齿~

发表评论

/ 快捷键:Ctrl+Enter
加载中……