许多网页页面设计方案工作人员都搞模糊不清白，那麼图组片文件格式，甚么状况应当用哪种文件格式照片。我还在这儿就简易共享下我的工作经验。

标准：确保照片无失确实前提条件下，以最少的照片尺寸来导出来照片。

现阶段大家互联网上广泛应用的照片文件格式分成JPG、GIF、PNG-8、PNG-32(PS中的PNG24)。

实际照片文件格式的基本原理，我也不用说了，大伙儿能够去百度搜索查寻下。

我只表明甚么状况应用甚么文件格式，及其他们的优点和缺点。

JPG：

一般来讲，大中型的、色调丰富多彩的照片能够用JPG，比如相片、产品照片。

缺陷：JPG会损害一些清晰度化的物品，比如文本，假如你的相片上面有些清晰度字体样式，这种字会被外扩散，附近会出現杂点。

PNG-8：

现阶段应用照片数最多的文件格式之一，仅次jpg，PNG-8是用于替代之前的GIF的，大部分分状况PNG-8要比GIF小20%。

跟GIF一样PNG-8是以清晰度点来储存图象的，因此相比JPG来讲，它更为精准，不容易造成清晰度字出現杂点的状况，一般用在按键、导航栏情况、标志等地区。

PNG-8和GIF一样，是适用照片全透明实际效果的。

缺陷：大中型、色调丰富多彩的照片中，PNG-8的尺寸会越来越越大，乃至做到PNG-32的尺寸。FW导出来PNG-8的情况下大跨度渐变色会造成失真（这一怎样解决后边要说）。

GIF：

现阶段GIF归属于取代环节，由于PNG-8比它更加提升，自然优势也不言而喻，那么就是动漫。

PNG-32：

高质量缩小，32位真五颜六色照片+alpha全透明安全通道，基本上极致的文件格式。

缺陷：照片尺寸非常大，IE6下全透明一部分会造成灰底。

怎样应用FW导出来照片

1.为何应用Firewroks

fw拥有比PS更强的照片提升作用，

fireworks于photoshop的照片提升较为。?p=270

2.应用

FW导出来照片运用文档-图象浏览来导出来照片，相近PS的导出来web文件格式作用。

jpg：

默认设置是80提升度，这一水平跟PS的60是一样的，但是有时候候会提升些，我一般用84。

png-8：。

png-8导出来选择项中有分：不全透明、数据库索引色全透明、alpha全透明。

不全透明，说白了，不用说了。

数据库索引色全透明中，你可以以挑选一个色调作为色板，那麼你挑选的这一色调会以全透明显示信息，别的色调则不全透明。

半全透明的地区会以色板色调+半全透明色调的混和值輸出。

如图所示，大家应用乳白色做为数据库索引色，那麼这一圆中的文本也一样变为了全透明，这一层面真心实意PS做的好，我能用个笨方法，外边画个乳白色底，合拼平面图化选定后用0-实边的魔术师棒把乳白色删了再用alpha全透明导出来。

此外，假如情况是深色彩的，会出现显著的乳白色毛边出現，这一和PS是一样的问题。

关键来啦，PNG-8 alpha全透明

我应用数最多的便是这一方式。

此方式PS不是具有的，这也是FW的强劲，此方式下，png-8能适用照片半全透明，换句话说大家能够处理上边乳白色毛边难题了！！

因此，本人感觉PNG-8幽美的照片尺寸将来势必替代PNG-32！！

我上边讲过将来，是的，PNG-8 alpha全透明還是有它的缺陷，仍然是IE6，但是这一缺陷比照PNG-32的灰底来讲早已是好啦许多。

PNG-8 ALPHA全透明在IE6下能把全部半全透明的一部分分析满足全透明。

因此一些半全透明的例如情况、外框，還是老老实巴交实的选用png-32，随后ps滤镜或是VML解决，直至IE6衰落才行。

自然，大量地区大家能够以雅致退级的观念来解决大量的全透明难题。

比如按键，小标志。这种仅有边沿小量半全透明清晰度的东西，别的访问器很极致，就好似PNG-32那般，IE6时会解决成边沿清晰度化。

见google应用的png-8 alpha全透明 demo/

它是google在留念牛顿诞辰的情况下的肌肤，大家看到，google这儿的iPhone用的便是png-8 alpha全透明，你可以以自主检测IE6和别的访问器的差别。

大跨度渐变色失真难题

如图所示，当FW导出来png-8的情况下，渐变色有将会造成失真状况，这一情况下可采用颤动来清除这一状况，但是颤动后，有时候候会造成一些颗粒物状清晰度，这一情况下我也要考虑到是不是用JPG来替代了，由于这幅图的色调数将会过度丰富多彩了。

自然，在制作css spirtes拼接图的情况下，将会务必选用png-8来导出来，这时候颗粒物状清晰度假如确实没法承受，那麼就导出来PNG32再应用PS导出来吧，相比品质来讲PS要更提升，但是尺寸便会大许多了。