图像的重要性很容易由著名的报价估算出“图像价值一千个单词”。网页上的图像存在通过对页面内容的了解,在吸引访问者中起着重要作用。说页面内容的内容戴上了戴着图像的内容,以清楚地了解它的全部内容是不会的,这就是为什么引入了几种图像文件格式的原因。时间。

图像文件格式

当我们谈论数字图像时,我们会在日常工作中遇到各种图像类型,例如著名的BMP,PNG,GIF,JPG,SVG,SVG,TIFF,WebP等。网页中特定图像类型的使用可能会影响页面性能,例如加载时间,这被认为是页面排名中的重要因素之一。 在网络上使用的主要竞争对手包括数十年来的PNG,GIF,SVG和JPG。 Web Technologies最近的一项调查表明,PNG和JPEG图像文件格式持有狮子的Web使用份额。

使用各种图像文件格式的网站年龄%

让我们看看全球一些最受欢迎的图像格式,它们的应用和用法。

gif

GIF(图形互换格式)于1987年引入,并使用无损压缩来保留图像质量。 gif通常允许每个像素最多允许8位,并且在整个图像上最多允许256个颜色。 GIF还支持动画,这是唯一使其与其他图像文件格式不同的独特特征。动画GIF将许多图像或帧结合到一个文件中,并以序列显示它们以生成动画剪辑或简短的视频。每个框架的颜色限制最高为2​​56,可能最不适合用颜色梯度复制其他图像和照片。

png

PNG(Portable Network Graphics)是一种广泛使用的图像文件格式,于1995年创建以替换GIF。 PNG使用无损压缩,不支持动画。到目前为止,几乎所有操作系统都支持它。 PNG使您可以灵活地使用复杂的图像并支持多达1600万种颜色,这是其较大比较文件大小的原因之一。使PNG优于GIF的一些优点包括:

jpg/jpeg

引入了JPEG(联合摄影专家小组),以减少图像文件大小,并使用有损的压缩技术。由于压缩的结果,输出图像是存储尺寸和图像质量之间的权衡。 JPG是显而易见的选择,其中存储是主要问题,并且在慢速网络上需要速度。用户可以调整压缩水平以达到所需的质量与文件大小。但是,JPG不支持透明度和动画,不能在需要任何此类功能的网络上使用。该格式是在网络上存储和传输摄影图像的选择。 FileFormat.com共享JPEG文件格式的详细信息规格

svg

SVG(可扩展的向量图形)文件使用基于XML的文本格式来描述图像的外观。它是构建网站和打印图形的最常用格式之一,以实现可扩展性。 SVG从数学上声明的形状和曲线中实现可扩展性,这些形状和曲线用于绘制图像。这就是为什么SVG也独立于解决方案。 与GIF和PNG相比,SVG文件大小很大,因为它处于无损图像压缩文件格式的类别。可以在几乎所有现代浏览器中查看/打开SVG文件,包括Chrome,Internet Explorer,Firefox和Safari。可以找到SVG文件格式的简要说明,如fileformat.com详细说明。

WebP

WebP映像是一种现代的栅格Web图像文件格式,基于无损和有损压缩。该格式着重于保持图像质量,同时减小图像大小以获得更快的网络体验。 WebP是相对较新的,该文件格式通常需要一些时间才能在网络上使用。根据Google,与PNGS相比,WebP无损图像的尺寸小26%,而WebP损耗的图像比可比JPEG图像小25-34%。 WebP是一种相对较新的文件格式,在Chrome和Opera浏览器上得到支持。这种新文件格式在整个Web上通常使用。

在Web上使用

如前所述,网络上的图像类型的使用受要求的约束。如果页面需要以动画形式表示内容,则应使用GIF。如果要考虑文件尺寸限制,JPEG是明显的选择。当需要更详细和高质量的图像时,PNG会有所帮助。 SVG是可扩展的,如果不关心文件大小,则可以使用。 Google WebP引入的最新文件格式是一旦常用,因此在Web上的使用是明显的选择。在网络上使用选定的图像文件格式时,考虑的一个重要因素是影响网站加载时间的文件大小,并且在改善SEO方面起着重要作用。