做为前端,你会选择哪种格式的图片?

作者: zhushican 分类: seo教程 发布时间: 2015年3月28日 次浏览 0条评论

 

我们都知道图片优化是站内优化中不可回避的一块所在。而常见图片格式有jpg、gif、png、bmp等,对于一个合理网页来说,选择合适的图片格式十分重要。下面就由我们的SEO团队中的前端一姐sarah来给大家介绍一下几种图片的特性和用法。

首先是JPG,它属于一种压缩图片,是一种大小与质量平衡的压缩图片格式,讲的宽泛一点:低的压缩比(高的图片质量)文件的大小便是大的;高的压缩比(低的图片质量)文件大小便是低的。jpg一般用在允许轻微失真的像素色彩丰富的图片中,它不适用于做简单色彩(色调少)的图片。

其次是gif格式的图片,它的出现主要是为在线应用程序而特别开发的图片格式,它是一种无损8位图片格式,所谓的无损8位是指一个8位图像仅最多只能支持256中不同颜色,多于256种颜色再用gif格式保存便会失真。gif不适用于色彩太过丰富的照片存储,但比较适合用在logo、icon图标、一些小布局的边框图片、不超过256种色彩的简单小型图片,由于gif是一种透明背景的图片,所以被放置在网页中可以看到页面上其它图片背景。这个对于页面的呈现非常有用。gif还有个特别的功能便是隔行扫描,这个特性可以加快页面加载的速度,对于网速比较慢的浏览者就比较实用了。它还有个动画的功能,在网页中合理的利用动画可以增加页面的动态效果。

再次是Png图片,Png也是一种支持透明的背景图片,是一种无损压缩格式的图片,但它与gif不同的是,它同时支持8位和24位图像,除了跟gif压缩算法不同,其它都极其相似。8位的png跟gif用途是基本相同的,24位png支持160万种不同的像素颜色且支持透明效果,这也说明,不管透明度设置为多少,它都能与背景很好的融合。这里需要注意的一个点——相对于目前的浏览器都能够很好的支持透明图片,但是透明图片在ie6中却是一种让人头疼的图片,由于ie6不支持透明格式,所以背景默认会是浅蓝色底,必须要通过一些手段才能使其正常显示。

一个好的前端,需要图片来渲染出页面的美观主题,一个好的SEOer,更是需要注意到图片的大小及兼容等各种特性。

本文出自 老域名查询 ,转载时请注明出处及相应链接。

本文永久链接: http://www.sc8323.com/2015/1030.html

回顶部