AI中的存储为WEB所用格式详细介绍

在宽和高的设置参数下有一个下拉框选项，你可以为你的优化方案选择不同的选项，如果你的作品中文字所占的比例较大，那么你可以选择"优化文字"，这里的文字是指的用文字工具可以编辑的文字，那种已经转曲的文字是视为图片的。

或者如我在下面选择了"优化图稿"，你可以看到优化前后作品的变化。边缘变得更加平滑了。

让我们继续看看右下方的颜色表，这个颜色表里包含了优化后的图片里所包含的每种颜色。其实，你完全可以通过双击修改某个颜色。就像我在本例中将绿色换成了紫色，而当你鼠标划过这个色块时，会有一行小字来提示你将什么颜色替换为了什么颜色。这种方式可以让你将一个作品保存为多种色彩的版本，而不用改变原始图片。

在颜色表的右下方有一排图标，这一排图标让你可以更多地对颜色进行调整。你首先需要选中某一个色板，然后进一步可以设置其为网页安全色，或者锁定或者删除它。色板中出现星号就表示已经转为网页安全色，当鼠标滑过会提示出所替换的网页安全色的色值。

这里还有其他关于GIF的参数设置，例如，你可以看到有个交错的勾选框，这是过去的技术所需要的选项，到了现在技术进步已经不再需要它了。

三、PNG-8文件格式

PNG格式通常比GIF更为常用，也更受欢迎。其中，PNG-8就类似于颜色为256,勾选透明度并且支持仿色的GIF。这里的"8"的意思就是指的8位的图片。那么和GIF之间的区别在于压缩图片的方式不同。GIF使用的是"有损耗"的办法，这种办法就是采用丢失部分数据的方式来达到让文件变得更小的目标。而PNG是无损的，由于其所使用的压缩的算法，使得最终的文件大小明显小于GIF。那么问题来了，在可以使用PNG的时候，为什么还要用GIF呢？因为，很遗憾，不是所有的浏览器都支持PNG格式（比如IE6就不支持！IE啊……一直的疼）。但是随着更多人升级了浏览器，慢慢这个问题也就不会存在了。所以，下次果断将GIF替换为PNG-8，他们的设置几乎相差不大。你已经很熟悉了不是吗？

四、JPEG文件格式

JPEG格式原本是用来压缩照片的，现在也可以用在有颜色过渡的矢量图。JPEG格式是24位的，所以也就意味着它可以支持1600万种颜色。JEPG的压缩方式是有损的，如果你试着压缩得太过，图片的品质也会下降。

你可以勾选"连续"的选项来进行多线程加载图片，也可以通过给图片添加模糊的办法来降低图片品质上的瑕疵，但这两种办法既不不十分理想，也没有实际的必要。它们都是在拨号上网的旧时代才用上的了。

和GIF以及PNG-8一样，你可以选择图片的优化办法或者选择是否剪切图片到画板，你还可以具体设置图片的尺寸大小。但JEPG没有颜色表，因为JEPG是用的RGB的颜色模式，而不是索引颜色模式。

JPEG适用于颜色过渡的图片，但是如果是色彩是比较平面的色块的话，它的表现就不是很好。

五、PNG-24文件格式

PNG-24的格式，顾名思义就是指的24位的图片。从某些方面来说，它融合了GIF和JPEG的好处，是一种较优的格式。就像JPEG，它可以支持上千万种颜色，PNG-24可以用于一些经过模糊处理或者渐变过渡的阴影。但这些就会增加图片的大小，造成加载上的困难。

但与此同时你要考虑到PNG格式的图片是透明背景，虽然采用JEPG格式品质不会丢失且品质也比较高，但PNG格式的图片可以允许你将作品放到任何背景之上，权衡这一灵活性，也许你也不得不选择PNG了。就如下图这样，用PNG-24导出后，可以置于任何的纹理背景上。

后记

那些还为输出图片而发愁的小伙伴们记住了吗？其实每种格式都是优缺点共存的，大家在实际项目中要多尝试才能找出最好的解决的方案。另存为WEB格式这一工具历来都在设计流程中处于最末尾的环节，因此也并没有引起大家的思考和重视，希望我的这篇文章能有所帮助。