搬运：PHOTOSHOP存储为 Web 所用格式的选项|处理PNG图像透明度时的仿色选项

搬运：PHOTOSHOP存储为 Web 所用格式的选项|处理PNG图像透明度时的仿色选项

这两天搞385project的时候需要用到处理图片的步骤，由于想要在project里做一个2Drpg游戏，需要人物的12方位图像，这个图是我在photoshop中用非二值笔刷绘制的，有些像素并不是全透明或全不透明，好奇将图片转成PNG-8的时候怎么处理这些半透明的像素；

加上用到了裁图的功能，网络上教程让我选择 “存储为 Web 所用格式”的方式 导出的时候，发现处理透明仿色有三个选项，对此不是很理解，于是查了ADOBE 的帮助文档。

今天先部分搬运自ADOBE HELP，有空更新实例，正好学习一下PNG-8的知识。

搬运来源 [1]: https://helpx.adobe.com/cn/animate/using/save-for-web-options.html

Web 图形格式

1. 分类

Web 图形格式可以是位图（栅格）或矢量。位图格式（GIF、JPEG、PNG 和 WBMP）与分辨率有关，这意味着位图图像的大小在不同的显示器分辨率下会有所不同，图像品质也可能不同。矢量格式（SVG 和 SWF）与分辨率无关，可以放大或缩小图像，而不会降低图像品质。矢量格式也可以包含栅格数据。

2. GIF 和 PNG-8 优化选项

2.1 简介

GIF 是用于压缩具有单调颜色和清晰细节的图像（如艺术线条、徽标或带文字的插图）的标准格式。与 GIF 格式一样，PNG-8 格式可有效地压缩纯色区域，同时保留清晰的细节。

PNG-8 和 GIF 文件支持 8 位颜色，因此它们可以显示多达 256 种颜色。确定使用哪些颜色的过程称为编制索引，因此，GIF 和 PNG‑8 格式的图像有时称为索引颜色图像。为了将图像转换为索引颜色，构建颜色查找表来保存图像中的颜色，并为这些颜色建立索引。如果原始图像中的某种颜色未出现在颜色查找表中，应用程序将在该表中选取最接近的颜色，或使用可用颜色的组合模拟该颜色。

2.2 仿色方法和仿色

确定应用程序仿色的方法和数量。

“仿色”是指模拟计算机的颜色显示系统中未提供的颜色的方法。 较高的仿色百分比使图像中出现更多的颜色和更多的细节，但同时也会增大文件大小。为了获得最佳压缩比，请使用可提供所需颜色细节的最低百分比的仿色。若图像所包含的颜色主要是纯色，则在不应用仿色时通常也能正常显示。包含连续色调（尤其是颜色渐变）的图像，可能需要仿色以防止出现颜色条带现象。

可以选择以下几种仿色方法之一：

扩散
应用的随机图案通常不如“图案”仿色那么明显。仿色效果会在相邻像素间扩散。

图案
使用类似半调的方形图案模拟颜色表中没有的颜色。

杂色
应用与“扩散”仿色方法相似的随机图案，但不在相邻像素间扩散图案。使用“杂色”仿色方法时不会出现接缝。

2.3 透明度和杂边

确定如何优化图像中的透明像素。

• 要使完全透明的像素透明并将部分透明的像素与一种颜色相混合，请选择“透明度”，然后选择一种杂边颜色。

• 要使用一种颜色填充完全透明的像素并将部分透明的像素与同一种颜色相混合，请选择一种杂边颜色，然后取消选择“透明度”。

• 要选择杂边颜色，请单击“杂边”色板，然后在拾色器中选择一种颜色。或者，从“杂边”菜单中选择一个选项：“吸管颜色”（使用吸管样本框中的颜色）、“前景色”、“背景色”、“白色”、“黑色”或“其他”（使用拾色器）。

2.3.1 透明度仿色

选择“透明度”选项后，可以选取对部分透明的像素应用仿色的方法：

• “无透明度仿色”不对图像中部分透明的像素应用仿色。

• “扩散透明度仿色”应用的随机图案通常没有“图案”仿色那么明显。仿色效果会在相邻像素间扩散。如果选择此算法，请指定“仿色”百分比以控制应用于图像的仿色量。

• “图案透明度仿色”对部分透明的像素应用类似半调的方块图案。

• “杂色透明度仿色”应用与“扩散”算法相似的随机图案，但不在相邻像素间扩散图案。使用“杂色”算法时不会出现接缝。

（待更新 2020-12-4 v1）