我们知道在制作网页过程中图片占了一个十分重要的地位.尽管网速越来越快,但是图片太大依然是造成网页载入速度过慢的最重要原因之一.

那么到底在GIF,PNG,JPG这些格式我们要选择哪一种作为候选格式,而哪种图片格式可以让图片更小,却拥有更好的图片呢?

1.图片格式

GIF

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

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.

最新资讯
“优刻得”2020年营收24.66亿元 同比增长62.79%

“优刻得”2020年营收

2020年年度优刻得实现营业收入24.66亿元,与上年同期相
唯品会2020年第四季度净利润26亿元 同比增长33.4%

唯品会2020年第四季度

财报显示,2020年四季度,唯品会实现营收358亿元,同比增长2
吉利、沃尔沃合并新方案:股权架构不变 资本市场无限可能?

吉利、沃尔沃合并新方

亲兄弟也要明算账,全面合并的时机还未到来。
猿辅导教师集体出走事件:在线教育打响“挖角”大战

猿辅导教师集体出走事

在线教育机构主讲老师流失带来的影响,远远大于线下培训
苏宁易购或将易主,张近东走到命运关键节点

苏宁易购或将易主,张近

变动上市公司控制权,缩减非零售业务,苏宁进入决定命运的
蘑菇街第三季度营收1.465亿元 同比下降45.6%

蘑菇街第三季度营收1.

蘑菇街发布2021财年第三季度财报。财报显示,蘑菇街第三
最新文章
详解HTML中字体使用line-height依然不能垂直居中解决办法

详解HTML中字体使用li

这篇文章主要介绍了详解HTML中字体使用line-height依
html直接引用vue和element-ui的方法

html直接引用vue和ele

这篇文章主要介绍了html直接引用vue和element-ui的方
在HTML里加载摄像头的方法

在HTML里加载摄像头的

这篇文章主要介绍了如何在HTML里加载摄像头,本文通过实
html父子页面iframe双向发消息的实现示例

html父子页面iframe双

这篇文章主要介绍了html父子页面iframe双向发消息的实
HTML用户注册页面设置源码

HTML用户注册页面设置

这篇文章主要介绍了HTML用户注册页面设置源码,代码简
当div设置contentEditable=true时,重置其内容后无法光标定位

当div设置contentEdit

这篇文章主要介绍了解决当div设置contentEditable=tru