您是否知道您在网络上看到的图像有多种图像格式？

每种图像格式都有自己的特点，需要根据用途适当使用。　

通过了解功能并正确使用它们，您可以加快网站的显示速度并使图像看起来更漂亮。

在这篇文章中　

• 选择图片格式时需要了解的基础知识

• 可在 Web 上处理的基本图像格式的特征

• 各自的优缺点　

我想介绍一下。

请看到底！技术参考《曲阜市智程网络科技有限公司》

有关可在 Web 上处理的图像的基本知识　

首先，我将介绍有关可在Web 上处理的图像的基本知识。　

选择合适的图像格式是必要的知识，所以让我们牢牢抓住它。

什么是文件扩展名？　

扩展名是附加在文件名后的“.（点）”后的字符串，表示文件的格式。　

扩展名不限于图片文件，文本文件为.txt，Word文件为.doc，音乐文件为.mp3，您可以通过查看扩展名来确定文件格式。　

您可以通过自己更改文件名来更改扩展名，但请注意，更改扩展名会使文件无法使用。　

如果要更改图像格式，请使用专用工具来转换文件。 　

光栅和矢量图像　

图像数据根据结构分为位图格式和矢量格式两种。

【位图格式】　

位图格式是由许多称为像素的小点组成的图像。　

由于它以多种颜色表现，因此可以表现出层次和照片等精细细节。　

但是，如果放大图像，构成点会变大和模糊，图像质量会很粗糙，因此它是您希望根据应用程序正确使用的格式。　

位图格式图片：JPG、PNG、GIF等。　 　

[矢量格式]　

矢量格式是将点、线、填充等图像信息用数字表示，由计算机计算出的数值并绘制在屏幕上的图像。　

即使图像放大，数值也会重新计算显示，因此图像质量不粗糙，显示精美。

但是，由于图像信息是量化的，因此不适合表达照片等多种颜色的复杂图像。　

它是具有少量颜色的图标和徽标标记的最佳格式。　

矢量格式图像：SVG、WebP 等。　 　 　　

放大图像时，位图格式使图像模糊，矢量格式显示图像没有任何劣化，因此您可以一目了然。

“无损压缩”和“有损压缩”的区别　

以较小的数据量保存称为压缩，压缩方法有“无损压缩”和“有损压缩”两种。　

两者最大的区别在于未压缩数据和解压缩数据是否匹配。

【无损压缩】　

无损压缩是一种压缩方法，可让您在不降低图像质量的情况下返回未压缩的数据。　

除了图像，这种无损压缩用于 ZIP 格式压缩。　

无损压缩的压缩率低，不能很大程度地减少数据大小。　

无损压缩图像：GIF、PNG 等。 　

[有损压缩]　

有损压缩有效地压缩数据以减少其容量，因此与无损压缩相比，可以减少数据的容量。　

压缩文件大小时，将难以传达给人类感官的部分去除，因此不会有太大的恶化。　

但是，在重复压缩时，每次都会删除并保存数据，因此图像质量不断恶化。

它不会因为浏览图像或复制而恶化。　

如果用Photoshop等图像处理软件打开，然后“保存”或“另存为”，会以有损压缩方式保存，所以每次保存时图像质量都会变差，所以需要注意。

有损压缩图像：JPG、WebP 等。

可在 Web 上处理的图像格式的五个特点、优点和缺点　

现在，我将介绍可以在 Web 上处理的五种基本图像格式的特性、优点和缺点。　

请结合之前解释的图像基础知识一起检查！

JPG　

• 扩展名：.jpg 或 .jpeg

• 颜色数：约1677万色

• 压缩方式：有损压缩

• 主要用途：色彩丰富的照片·渐变和复杂的插图　

它是一种常用的位图图像格式，用iPhone或数码相机等智能手机相机拍摄的图像基本都是以这种格式保存的。　

由于可表达的颜色数量丰富，约为 1677 万种，因此这种图像格式适用于照片等多种颜色的图像。

JPG 有“.jpg”和“.jpeg”扩展名，但它们是一样的，没有区别。　

一般来说，经常使用“.jpg”，所以如果您不确定，请选择“.jpg”。　

【优点】　

• 可表达约 1677 万种颜色

• 适用于照片等。

• 可以压缩以减少数据大小

• 数据大小小于 PNG 　

【记过】　

• 不能透明

• 由于有损压缩，每次覆盖和保存时都会恶化。