存储技巧,讲解AI存储为WEB所用格式的一些知识(3)

三、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的压缩方式是有损的,如果你试着压缩得太过,图片的品质也会下降。

存储技巧,讲解AI存储为WEB所用格式的一些知识_www.16xx8.com

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

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

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

五、PNG-24文件格式

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

存储技巧,讲解AI存储为WEB所用格式的一些知识_www.16xx8.com

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

存储技巧,讲解AI存储为WEB所用格式的一些知识_www.16xx8.com

后记

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

全教程完,学完记得交作业。教程对您有所帮助,请推荐给你的朋友。如果学会了,可以尝试投稿给我们,跟大家分享你的学习经验:http://i.16xx8.com

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以订阅我们邮件,每天都有新教程发给你:http://t.cn/Rzm5o8Y
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

    你心似海是我 说: 感谢
    溢香的脚丫子 说: 我就是在这网站学会的
    古族语言 说: 这个网站对新手真心不错
    琴弦难 说: 天天来这看教程
    你不行换人 说: 早想学这种了
    说: 来支持了
    抗婊爱国青年 说: 顶一下
    够不够久情 说: 大棒了,以后天天来
    爱你一万年 说: 好棒的教程
    李玉子涵 说: 这里教程真全
    摄影设计 说: 学习了 谢谢