首页 > HTML > 网页HTML切图时图片格式PNG,JPG,GIF的选择
2014
09-29

网页HTML切图时图片格式PNG,JPG,GIF的选择

图片格式GIF

优点:GIF最突出的地方就是他支持动画,同时GIF也是一种无损的图片格式,也就是说你在修改图片之后,图片质量并没有损失.再者GIF支持半透明(全透明或是全不透明).
根据Google的说法,GIF适用于很小或是较简单的图片(10×10以下或是3种颜色以下的图片).

缺点 不支持透明,如果图片颜色很多种,特别是有红色的时候,尽量少用gif 不然会失真

 

PNG

优点:PNG包括了PNG-8跟真彩色-PNG(PNG-24 or PNG-32).那PNG相对于GIF最大的优势是:

①通常体积会更小

②支持alpha(全透明)

③但是我们知道PNG是不支持动画的

④同时需要留意IE6是可以支持PNG-8的 但是在处理PNG-24的透明时会显示会灰色.相关例子可以参考sitepoint.

⑤,通常图片保存为PNG-8会在同等质量下获得比GIF更小的体积,而全透明的图片我们现在只能使用PNG-24.但是请留意在保存图片在PNG-8与GIF中进行比较.因为定律并不一直正确.

 

JPG优点

JPG所能显示的颜色比GIF,PNG要多的多,同时得到很好的压缩,所以JPG很适用于保存数码照片.但是注意它是一种失真压缩,这意味着你每次修改图片都会造成像素失真.

看了上面的介绍你应该对使用哪种格式保存哪种图片有了大概的了解.简单的说就是:

总结规律:小图片或网页基本元素(如按钮),考虑PNG-8或GIF.照片则考虑JPG.

最后编辑:
作者:管理员
这个作者貌似有点懒,什么都没有留下。