网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群

AI技巧教程学习:学习AI设计网页过程中的存储WEB格式(9)

时间:2016-01-23 16:55 来源:教程资料 作者:AI技巧教程学习 阅读:

三、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技巧教程学习:学习AI设计网页过程中的存储WEB格式

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

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

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

五、PNG-24文件格式

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

AI技巧教程学习:学习AI设计网页过程中的存储WEB格式

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

AI技巧教程学习:学习AI设计网页过程中的存储WEB格式

后记

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

PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
相关教程