在开发中,图片的优化很重要,图片过大,很消耗页面的性能的,那么作为前段开发,对不同图片的格式的特点需要了解清楚,这样在工作中才能正确使用相应的图片。jpg jpeg baseline-jpeg progressive-jpeg gif png webp apng svg bpg
在介绍图片的之前,来了解两个概念:
矢量图与位图
位图:是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时,可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增多单个像素,从而使线条和形状显得参差不齐。
然而,如果从稍远的位置观看它位图的颜色和形状又显得是连续的,缩小位图尺寸也会使原图变形,因为此举是通过减少像素来使整个图像变小的。
简单说,位图就是以无数的色彩点组成的图案,当你无限放大时你会看到一块一块的像素色块,效果会失真。常用于图片处理、影视婚纱效果图等,象常用的照片,扫描,数码照片等。