html图片, png ,gif ,jpg如何选择

GIF:

在实际的工作中，我发现一般的纯色的图形，比如一些小图标、平铺背景其中的色彩比较少，那么作为GIF格式虽然只有256种色彩，但是应对这种类型的图片那一定是非常的合适的。当然了，不排除有一些特别的小图标色彩的丰富性，但是相信作为小图标其色彩有点损失也不会影响到整体的视觉效果，所以GIF的适用范围是：小图标、平铺背景等色彩比较少的小型图片。

JPG

对于大图，由于有损压缩，照成严重失真，不建议使用

png

PNG是介于GIF与高品质JPG之间的一种选择，如果是简纯的小图标，PNG会比GIF大这么一点，但是品质上是差不多的。如果是普通的图片，那么PNG还是要比高品质的JPG要小一点的，但是PNG还是有点色彩损失的。不过如果图片不放大基本上看不出来。我们做页面基本上不是为了让人放大了挑刺。所以PNG也就是介于中间的一种选择。当然了，PNG还有一个很伟大的优点，那就是透明，虽然IE6之前还不支持这一特性。GIF也有透明，但是GIF只支持绝对的透明，不支持半透明，所以GIF的图片的边缘常会有一圈的白色的小点。而PNG就没有这些问题，随着时代的发展当IE6成为历史的时候我想我们就可以看到PNG的真实的威力。