网页演示GIF图片和JPG图片的区别

GIF图片大多被用来做动图，但是GIF其实也可以是静态的图片，本例中就是一个静态的GIF图片，打开网页开发工具WebStorm，新建‘test.html’,在页面写代码如下：                     当然fc.gif要提前拷贝到test.html的同一个目录

网页内查看效果如下图，这样看来GIF格式和JPG格式并没有区别

网页中查看效果，如下图，GIF动图动了起来

修改test.html代码，为GIF动图设置一个背景色                   

              

网页效果如下，背景颜色会透过GIF图片显示出来，这跟JPG图片有区别，JPG图片必须有背景颜色

放大观察GIF图片会发现周围的锯齿，这也是GIF图像的一个特性