一朵物语

标题: 《转》PS基础技术资料：“另存为”与“另存为网页格式”的区别 [打印本页]

作者: 丨一朵丶小内 时间: 2009-6-16 20:18
标题: 《转》PS基础技术资料：“另存为”与“另存为网页格式”的区别
本帖最后由丨一朵丶小内于 2009-6-16 20:27 编辑

   本文转自蓝色理想，刚刚看到这篇文章，觉得非常有价值，特地转来给大家学习。
这两个功能我以前一直以为差不多，常常混用，看来PS真是博大精深啊。
希望能给大家带来帮助！

--------------------------------------------------------------------------

平时用ps时大概也能知道哪种保存方式更合适但基本停留在经验基础上

而这篇文章对另存为和另存为网页格式有详细的文件数据分析

Photoshop另存为和另存为网页格式

Photoshop cs2（3）中最易混淆的选项之一是在保存编辑过的图片时，

有两种保存图片的方式——另存和另存为网页格式

本篇文章将解答另存和另存为网页格式有何区别以及何时应该选择保存为web格式。

Photoshop提供了两种保存编辑过的图片的方式
•    文件->另存为
•    文件->另存为网页格式

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

=================================================

快速选择
如果你想要…【那么选择的保存方式是】
创建网页使用的图像，或者想尽可能的优化图像文件的体积【另存为网页格式】
和他人分享图片，而且你希望别人知道你拍摄照片的时间日期等【另存为】
和他人分享图片，但你不希望别人知道你拍摄照片的时间日期等，比如用于图片库，或是需要保护隐私【另存为网页格式】
把图像文件压缩到指定的大小，或者你想要在设定图像质量时能有交互的反馈【另存为网页格式】
其它情况【另存为】
-----------------------------
据说这一段是精华！
-----------------------------

=================================================

   Photoshop 另存为
另存为是用户输出最终图像文件的标准方式，因此对话框中有输出多种文件格式的选择。

这种保存方式没有为低速数据传输方式（例如互联网）优化文件，保存的图像文件中包含了附加信息，

因此文件体积较大。如后面所示，这些附加数据的体积可能接近40kb。

摄影者通常选择另存为而不是另存为网页格式的一个主要的原因是，在分享照片时，

观看者能够查看到图片的Exif信息（包括相机和拍摄信息）。大部分照片分享网站（例如pbase）都能自动提取Exif信息，

以方便其它摄影者查看。尽管如此，Exif信息包含着照片拍摄的时间日期信息，所以可能涉及隐私。

=================================================

16位模式
由于”另存为”不支持保存16位模式的图像，所以有必要先转换成8位模式，保存。

如果你要继续处理图片的话，就撤销上一步颜色位深的设置。

把图像转为8位RGB图像的方式是菜单上的图像->模式->8位/通道。另存为网页格式会自动为你转换颜色位深。

作者: 丨一朵丶小内 时间: 2009-6-16 20:18
本帖最后由丨一朵丶小内于 2009-6-16 20:28 编辑

   Photoshop另存为网页格式
另存为网页格式没有像另存为那样提供很多中保存图像文件的格式选择，但是它为每种支持的格式提供了更灵活的设置。支持的格式包括：

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

[attach]6587[/attach]

另存为网页格式的主窗口

按上图中的设置将输出jpeg格式文件。

=================================================

   另存为网页格式之jpeg输出

保存为网页格式目的是输出展示在网页上的图片，保存的主要的目的之一是在维持图片质量的同时尽可能地缩小文件体积。

保存为网页格式使用了两种方法达到此目的：

   a) 在拖动滑动条更改jpeg质量设置时提供即时预览；
   b）移除输出文件中所有不必要的信息（jpeg标记）。

另存为网页格式的主要特色有：

  •    优化文件大小：可以自动选择文件格式（jpeg或gif）和选择jpeg的压缩率，以实现选定的文件大小。
  •    移除Exif信息。很多时候这是一个有用的功能，而另一些人则会因为此功能而不使用另存为网页格式。
         对于简单的网页图片来说，或者出于保护隐私，你也许希望隐藏照片拍摄的时间日期以及其它参数。
         但是，如果你想要在网络相册中分享你的照片，并且希望观看者看到拍摄的焦距、光圈和其它参数，
         那么就不适合使用另存为网页格式了。
  •    移除可选的标记。在大多数jpeg文件中，有一些记录附加信息、或是在出错/崩溃时用以恢复的特殊标记。
      另存为网页格式会在jpeg文件依然能被解码的前提下移除这些标记。

=================================================

         ICC颜色配置：

   另存为网页格式和另存为都提供了是否嵌入ICC颜色配置的选项。

颜色配置是用来让图片文件的RGB数值在用户显示器上显示出更真实的色彩。

假设你有一个经过颜色管理的环境（校准和配置过的显示器）配置能让颜色显示更接近预期的效果。

很不幸的是，大部分浏览器不支持颜色配置，并且大部分人没有校准过的显示器，所以默认假设是sRGB色彩空间。

因此，如果你在网上分享照片，如果你的照片拍摄时使用的是其它色彩空间，例如Adobe RGB，那么强烈建议你转换为sRGB。

如果你这样做的话，就基本不需要在文件中嵌入ICC颜色配置了。

通过对比jpeg文件，两种jpeg压缩文件保存方式的区别是很容易识别的。

jpeg（jfif）文件格式中列入了一些强制的标记和一些可选的标记。

下面的表格是photoshop另存为和另存为网页格式的输出文件的对比。

=================================================

   Photoshop两种保存方式输出文件的jpeg标记对比

另存为　另存为网页格式　说明
SOI　　　SOI　　　　　图像开始标记
APP0　　APP0　　　　识别标记、版本、分辨率、jfif扩展
APP1　　　　　　　　　EXIF数据, 两种保存方式都移除了制作者注释(长度5KB)
APP13　　　　　　　　　Photoshop IRB (Photoshop特有数据,包括质量) (长度5KB)
APP1　　　　　　　　　XML数据(EXIF, IPTC等) (长度17KB)
APP2*　　APP2*　　　　ICC颜色配置(*可选) (长度3KB)
　　　　　APP12　　　　Ducky标签-保存为网络格式质量-储存质量等级(长度17B)
APP14　　APP14　　　　编码信息: 颜色转换 (例如YCbCr, YCCK, RGB, CMYK)
　　　　　　　　　　　　以及样本是否混合(长度14B)
DQT　　　DQT　　　　　量化表
SOF0　　　SOF0　　　　基线DCT, 色度抽样
DRI　　　　　　　　　　重新开始间隔-加入出错时的复原标准(长度不定)
DHT　　　DHT　　　　　Huffman压缩表
SOS　　　SOS　　　　　扫描开始: 图像数据流
EOI　　　EOI　　　　　图像结束标记

如上表所示，另存为输出文件所包含的附加信息使文件比另存为网页格式多40kb。

对于大部分高分辨率的图像文件来说，这部分数据并不明显，但如果想要压缩图像文件大小以供网页使用，那么这部分就很明显了。

=================================================

作者: 丨一朵丶小内 时间: 2009-6-16 20:19
本帖最后由丨一朵丶小内于 2009-6-16 20:36 编辑

   另存为的图像质量设置

在用另存为方式输出的文件中，你能根据JPEG APP13 (0xFFED)标记中的photoshop IRB资源(0x0406)数据推得图片质量的设置值。

下面是一副保存质量为2的图片文件的16进制视图。

[attach]6588[/attach]

   数值    质量
0xFFFD    质量1 (低)
0xFFFE    质量2
0xFFFF    质量3
0x0000    质量4
0x0001    质量5 (中)
0x0002    质量6
0x0003    质量7
0x0004    质量8 (高)
0x0005    质量9
0x0006    质量10 (最佳)
0x0007    质量11
0x0008    质量12

=================================================

   另存为网页格式的质量设置

在另存为网页格式的图片文件中，你能根据JPEG APP12 (0xFFEC)标记(以空数据开
头、ASCII编码Ducky结束)中的Ducky资源推得图像质量设置（1－100％）数据是以16进制保存的。

图中在0x31处，16进制数值33表示图片质量为51。
[attach]6589[/attach]

=================================================

作者: 丨一朵丶小内 时间: 2009-6-16 20:19
本帖最后由丨一朵丶小内于 2009-6-16 20:41 编辑

   另存为和另存为网页格式的比较

很多人对为何photoshop中的两种保存方式质量设定的定义有区别而不解，还有怎么比较他们。

下面的表格是两种保存方法设置质量后的图像质量排序，从最佳质量到最低质量。这种排序比较的局限性请看后面的说明。

   更多信息请查阅jpeg色度抽样。

保存方法　　　　JPEG质量　　预设　　　色度抽样
另存为网页格式　100　　　　最佳　　　　1x1
另存为　　　　　12　　　　　最佳　    　1x1
另存为网页格式　90　　　　　　　　　　　1x1
另存为　　　　　11　　　　　　　　　　　1x1
另存为网页格式　80　　　　　较高　　　　1x1
另存为　　　　　10　　　　　　　　　　　1x1
另存为网页格式　70　　　　　　　　　　　1x1
另存为　　　　　9　　　　　　　　　　　　1x1
另存为网页格式　60　　　　　高　　　　　1x1
另存为　　　　　8　　　　　　高　　　　　1x1
另存为网页格式　51　　　　　　　　　　　1x1
另存为网页格式　50　　　　　　　　　　　2x2
另存为　　　　　6　　　　　　　　　　　　2x2
另存为　　　　　7　　　　　　　　　　　　1x1
另存为　　　　　5　　　　　　中　　　　　2x2
另存为网页格式　40　　　　　　　　　　　2x2
另存为　　　　　4　　　　　　　　　　　　2x2
另存为　　　　　3　　　　　　低　　　　　2x2
另存为网页格式　30　　　　　　中　　　　2x2
另存为　　　　　2　　　　　　　　　　　　2x2
另存为网页格式　20　　　　　　　　　　　2x2
另存为　　　　1　　　　　　　　　　　　　2x2
另存为网页格式　10　　　　　　低　　　　　2x2

下面是默认设置下的jpeg亮度和色度的对比图表，每个都有对应的jpeg标准质量系数。
当然，有必要指出，质量系数不是测量图片质量的精确标准，只是如果另存为网页格式和另存为都是基于jpeg标准附录中的量化表的线性测量，那么质量系数是唯一能用来比较图片质量的参数。质量系数只能作为一个粗糙的标准来比较图片。图表按亮度质量系数降序排列。

[attach]6590[/attach]
  排序图表

[attach]6591[/attach]
  对比图表

（全剧终）

=================================================

作者: 丨一朵丶小内 时间: 2009-6-16 20:19
本帖最后由丨一朵丶小内于 2009-6-16 20:52 编辑

其实我也没有看完  而且边看边切这ps研究速度很慢所以先发出来了
经常有人看到别人的图片导出来
   同样的像素同样的rpg颜色位数同样的分辨率为什么相差很大
   为什么有的人导出来的图片有透明色位
   怎么样在低像素下导出清晰图片

看完再实验下可能就明白了

我没有水我为了方便大家阅读

特意排了下版怎么说也很上心了

作者: 丨一朵丶FY飞扬 时间: 2009-6-16 20:27
- -.....这个...水楼...

作者: 丨一朵丶诗语 时间: 2009-6-16 20:45

另存和另存为WEB。字体有很大很大的出入。

作者: 丨一朵丶裳儿 时间: 2009-6-16 20:52
好难
看不懂

作者: 丨一朵丶两两流 时间: 2009-6-16 22:39
没坚持看完～～看到板凳就睡着了。。网页模式我就没用过。。

作者: 丨一朵丶弼佑 时间: 2009-6-16 23:06
好复杂
某一直都是另存为网页格式................

作者: 丨一朵丶草根 时间: 2009-6-16 23:30
好一直都在牺牲文件大小保证高质量

欢迎光临一朵物语 (http://bbs.yiduo.org/)