当前位置: 首页 > Web前端 > HTML5

零基础教你学前端——8.图片标签扩展

时间:2023-04-05 20:35:44 HTML5

今天继续图片标签的应用——图片的文件格式任何文件都有自己的格式:比如word文件,格式为.doc。.xls格式的excel文件和.ppt格式的PowerPoint文件。图片也有自己的格式。在计算机中,图片的存储格式有很多,比如:bmp、jpg、jpeg、png、tif、gif、svg、psd、wmf、webp等,在实际开发中,网页使用的图片格式是有限的.可以使用的图片格式有gif、jpg、jpeg、png、bmp、webp。那么这些图片格式有哪些区别和应用场景呢?最重要的区别是图像在存储时是否压缩,是有损压缩还是无损压缩。有损压缩是对图像本身的一种改变。保存图像时,保留了更多的亮度信息,将色相和色纯度的信息与周围的像素结合起来。合并的比例不同,压缩的比例也不同。由于信息量减少,所以压缩率可以很高,图像质量也会相应下降。有损压缩减少了图像在内存和磁盘上占用的空间量,并且不会注意到它对在屏幕上查看图像的外观有很大的不利影响。无损压缩是对文件本身的压缩。与其他数据文件的压缩一样,它不会对数字图像造成任何图像细节的损失。可以完全恢复,不能减少图像在内存和磁盘中占用的空间,压缩率相对较低。上述可用于网页的各种格式的图片属于哪种压缩方式?GIF格式的图片是以8位色或256位色存储的图像数据。GIF图像支持透明、压缩、交错和多图像图像。我们使用的许多表情符号都是GIF动画。GIF是一种无损压缩格式,这意味着当您修改和保存图片时,其质量不会丢失。缺点是最大256色,画质差。JPG或JPEG([d?e?p?g])格式的图片,采用高压缩比技术的图像存储格式,与平台无关,支持最高级别的压缩,支持百万色彩,所以可以用来表达照片,因为JPEG是有损压缩格式。可以缩短图片的下载时间,但是当图片的压缩比很大时,图片会失真,质量会下降。PNG格式的图片是一种新的文件格式,不会损失显示质量。PNG格式利用了GIF和JPEG的优点。它具有丰富的存储形式,同时具有GIF和JPEG两种颜色模式。PNG格式还可以将图像文件的大小压缩到极限,方便网络传输。没有失真。我们网页上的图像经常使用这种格式。BMP格式的图片常用于网站注册或登录页面的验证码。实际上,它们通常是网站程序自动生成的bmp格式的小图片。BMP文件通常是未压缩的,因此文件要大得多。WEBP([wepi])格式图像是一种同时提供有损压缩和无损压缩的图像文件格式。它是谷歌专门为谷歌浏览器开发的一种图像格式,在谷歌浏览器中经常使用。这就是图像格式的全部内容!文章配套链接点我