在不损失质量的情况下优化Web图像的5个技巧

使用图像来传达想法肯定比实际使用文字更有效；这使得在网页和网站上使用完美的图像成为当新人碰巧遇到您的内容时给人留下好印象的最佳方式之一。在人类所拥有的所有不同特征中，视觉生物绝对是排在前列的。人们对图片的反应比冗长的文字描述更多的是与生俱来的能力，这意味着通过图片，是吸引人们和驱赶他们之间的主要区别。

此外，根据您使用的图片，网站可能会在几秒钟内或更长的时间内加载，这将决定每次点击您的内容获得的观看量。通常，加载网站及其内容的时间不应超过 2 秒。这就是为什么您在社交媒体上使用的媒体内容类型真的很重要，无论是 gif 还是纯图像。在这种情况下，图像压缩是必不可少的。不这样做可能意味着您的网站将无法按要求做出响应。

最好的是，如今，某些工具和资源允许您在保持原始质量的同时压缩图像；意味着您的网站使用以质量为导向的视觉内容，并具有响应速度极快的额外优势。底层过程在技术上涉及通过减小图像文件大小的算法运行图像，利用您可以在网上找到的几种工具中的任何一种，其中一些包括：

• Kraken
• TinyJPG/ TinyPNG
• ImageOptimizer
• io

对图像进行分类

根据所使用的算法，图像可以进行有损或无损压缩。虽然前者在压缩后产生的图像质量明显较低，但后者保持了原始图像质量。因此，无损压缩使用不同的技术来存储定义其质量级别的基本图像属性。一些无损压缩的图像格式示例包括 GIF、TIFF 和 PNG。

尽管这些文件格式是图像压缩的理想选择，但它们中的每一个都有其优点和缺点，熟悉这些细微的差异可能意味着拥有一个在最佳参数内执行的网站的差异。考虑到这一点，让我们挑选出这些文件格式中的每一个，看看哪个是哪个：

JPEG

值得注意的是，网络上的大多数图像都是 JPEG 格式，这使其成为最流行的文件类型之一。JPEG 的独特工作方式包括仅通过排除和擦除肉眼不易察觉的图像数据来减小图像的大小。但是有一个缺点：图像越小，像素化程度越高。因此，这意味着 JPEG 格式使用有损转换算法，这些算法本质上是不可逆的。

GIF

GIF 使用有损或无损算法来压缩图像，这里针对的主要数据是定义图像颜色的数据。通常，这种文件格式的图像有一个 8 位调色板和最多 256 种颜色。因此，将图像压缩为这种格式意味着减少了颜色的数量，或者使用较小的图案代替大的图案。最终，例如，如果压缩了少于 256 色的图像，则大部分图像质量将保持不变。但是，对于全彩色图像，多达 99% 的颜色会丢失。

TIFF

TIFF 文件格式还可以使用有损和无损算法来压缩图像，虽然非常灵活，但此类文件的可压缩性是不可能的。这意味着图像质量得以保持，这也转化为占用大量磁盘空间并使传输和加载时间显着延长的大尺寸图像。从好的方面来说，TIFF 文件是图形存储和打印的理想选择。

PNG

与 JPEG 不同，PNG 使用无损压缩算法，这意味着可以将图像恢复为其原始格式。但是，它专注于压缩文件的图像模式。这种格式的文件也使用 256 色并允许 8 位透明度。附加数据显着增加了文件大小。

在上传之前压缩图像

在压缩图像时，您只需要知道一条实用规则，即您打算使用的图像不应大于 1 MB。除此之外，第三方软件通常可以可靠地进行图像压缩，而不会影响质量。就此而言，您可以使用：

Adobe Photoshop

Adobe Photoshop 主要是许多人使用的首选选项，因为它可以保持图像质量，同时减小文件大小。对于 JPEG 格式且具有完整图像颜色的图像，颜色会保持不变，而颜色较少的图像则可以轻松压缩为 PNG-8 或 PNG-24 文件类型。Adobe Photoshop 还具有可用于编辑颜色、图像分辨率以及最重要的是图像文件大小的个性化功能。之后，您可以在预览窗口中轻松预览最终压缩图像以及文件大小。

GIMP

GIMP 不仅免费且可下载，而且还是一款开源软件，可轻松兼容 Linux、Windows 和 Mac OS 等流行操作系统。有了它，您可以在图像窗口中查看压缩后图像的文件大小。

TinyJPG

TinyJPG 是一种图像压缩工具，可用于同时处理不同的图像文件。它是免费的，使用简单，唯一的主要要求是访问您需要转换的所有图像。之后，您可以轻松下载压缩图像版本。

如何压缩已经上传的图片文件？

如果您担心没有先压缩就已经上传到网站上的图像，请不要担心。您仍然可以在不影响它们出现的质量的情况下压缩它们。这是您使用的：

使用 Google Pagespeed Insights

除了为您提供优化网站的各种方式的建议外，此工具还为您提供压缩图像选项，您可以使用这些选项来代替您在网站上已有的选项。

EWWW 图像优化器

如果您主要使用 WordPress，EWWW Image Optimizer 尤其理想。作为插件，您需要先将其上传到 WordPress 上，然后它会扫描您的网站并自动优化网站上已有的图片。

压缩图像有什么意义？

衡量您网站的响应速度取决于您上传的图像是否经过压缩。压缩图像转化为优化良好的网站。否则，您的网站将会滞后，并且每次点击都会花费更长的时间来加载它，这反过来可能会影响访问您网站的人数。

除了压缩图像之外，还要使用正确的尺寸。太大或太小的图像都不理想。它们太大会影响您的页面加载时间，但它们太小会导致它们质量差。旨在使用方形图像尺寸；无论方向如何，它们都将维护图像质量和正确的优化程度。

同时，具有方形图像尺寸提高了可扩展性，因此可以在整个站点中使用，包括在集合图像甚至缩略图中。