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

那么到底在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.

最新资讯
14岁中学生找到有望治疗新冠的药物,获得北美科研竞赛大奖

14岁中学生找到有望治

1918年美国堪萨斯州莱利堡的临时医院。图片来源:Associ
乳腺癌发病率上升,哪些因素起了推动作用?

乳腺癌发病率上升,哪些

乳腺癌的发生,与多种因素有关。随着对乳腺癌研究的深入
李在镕:三星所有人都会珍惜李健熙的记忆

李在镕:三星所有人都会

李在镕表示,“我们三星的所有人都会珍惜他的记忆,并感谢
三星会长李健熙去世 三星发声明:他的遗产将是永恒的

三星会长李健熙去世

三星的一份声明说,李健熙周日去世时,他的家人,包括他的儿
三星会长李健熙去世 继承人或将面临76亿美元遗产税

三星会长李健熙去世

李健熙去世之后,他的继承人或将面临76亿美元的遗产税。
三星会长李健熙去世:此前被指控逃税和侵吞公司资产118亿韩元

三星会长李健熙去世:此

此前李健熙被控逃税和侵吞公司资产总价值超过118亿韩
最新文章
浅析html webpack plugin插件的使用教程

浅析html webpack plu

这篇文章主要介绍了html webpack plugin插件的使用教
HTML转PDF的纯客户端和纯服务端实现方案

HTML转PDF的纯客户端

这篇文章主要介绍了HTML转PDF的纯客户端和纯服务端实
HTML行内元素与块级元素有哪些及区别详解

HTML行内元素与块级元

这篇文章主要介绍了HTML行内元素与块级元素有哪些及区
html+css 实现图片右上角加删除叉、图片删除按钮

html+css 实现图片右

这篇文章主要介绍了html+css 实现图片右上角加删除叉
详解iframe的src指向的内容不刷新的解决办法

详解iframe的src指向

这篇文章主要介绍了详解iframe的src指向的内容不刷新
浅析HTML 悬浮float的用法

浅析HTML 悬浮float的

float的用途比较广, 本文主要给大家介绍HTML 悬浮floa