首页 > 代码库 > Html中几种图片格式的区别与使用

Html中几种图片格式的区别与使用

在HTML中通过<img src="http://www.mamicode.com/图片路径">引入图片。

常见的图片格式有JPEG(JPG),PNG,GIF...

 

JPEG(JPG)格式的图片:

JPEG(JPG)格式的图片支持的颜色比较多,图片可以压缩,不支持透明

一般使用JPEG(JPG)格式来保存颜色比较丰富的照片

 

GIF格式的图片:

GIF格式的图片支持的颜色比较少,只支持简单的透明(直线型区域的透明),支持动态图

图片颜色但一,或者是动态图时用GIF格式的图片

 

PNG格式的图片:

PNG支持的颜色比较多,且支持复杂的透明

可以用来显示颜色复杂的透明图片(实际中使用频率最高)

 

图片的使用原则:

效果不一致,使用效果好的。效果一致用小的。

 

Html中几种图片格式的区别与使用