如何优化图像以实现更好的网站设计和SEO

无论您是拥有论坛，在线商店还是希望看起来令人惊叹的常规网站，都需要花一些时间来优化您上传的每张图片。

当我们谈论如何为网络“优化”图像时，您可以通过三种方式考虑这一点：

1）使它们看起来很好，

2）使它们快速加载

3）使搜索引擎易于索引。

在下文中我们具体讲解一下优化网站图像所需的相关知识：

1.从高质量图像开始

储蓄摄影：您不必是专业摄影师在您的网站上使用伟大的照片。每天似乎有更多高质量的照片网站，你可以在那里下载商业用途的免费照片。

在网站设计中，当您从网站下载图像时，它可能是一个非常大的JPEG文件。要为您的网站优化它，您需要缩小尺寸并上传较小的版本（以下更多内容）。不过那没关系。从大照片开始是理想的，因为您总是可以将较大的图像缩小。图形：如果您正在寻找更基于图形的东西，那么您可以使用大量新的免费在线工具来构建自己的图表或带有字体叠加的照片。

2.使用正确的文件类型：JPEG或PNG

对于图像，您最有可能遇到JPEG（或JPG）或PNG。各有利弊，但在大多数情况下，您可以记住以下内容：

照片应保存并以JPEG格式上传。此文件类型可以以相对较小的高效文件大小处理照片中的所有颜色。通过使用JPEG，如果您将照片保存为PNG，则不会得到可能获得的巨大文件。

图形，特别是那些使用大而平坦的颜色区域的图形，应保存为PNG。这包括大多数网站设计，信息图表，包含大量文本的图像以及LOGO。PNG的质量高于JPEG，但通常也会带有更大的文件大小。PNG处理颜色和文字区域，线条清晰，因此您可以放大而不会丢失任何质量。它们还支持透明背景（如果您使用LOGO，则需要它）。照片应保存为JPEG格式

照片通常应保存为JPEG格式。

图形应保存为PNG

图形和LOGO应保存为PNG。

3.调整图像大小以优化页面速度和外观

使用Web图像，您希望在大小和分辨率之间找到适当的平衡。分辨率越高，文件大小越大。 在印刷领域，高分辨率图像是一件好事。但在网络上，巨大的图片可能会降低网站的网页速度。这会损害用户的体验，最终会损害您的搜索引擎排名。对于移动访问者来说，大图像和缓慢的加载时间尤其令人讨厌  。

那么如何在尺寸和质量之间取得适当的平衡？首先，重要的是要理解，在图像方面，“大小”是一个相对术语。打印所需的内容通常远远大于网站所需的内容。

既然您已经了解了描述图像大小的不同方法，请记住以下几条经验法则：

大图像或全屏背景图像不应超过1MB。

大多数其他小型网页图形可以是300KB或更少。

4.使图像具有相同的大小和样式

如果使用一致的样式和大小/比例，网页上的图像看起来会更好。在页面上排列文本，列和其他信息时，一致性也会有所帮助。

选择了相同风格的照片，并将每个照片裁剪为相同的尺寸。这使我的页面看起来更加一致。

由于照片大小相同，方向相同，所以它们完全适合一列，我的段落在另一列中。无需调整或猜测！

5.正确命名图像文件以帮助您的SEO

大多数人对他们的文件名不太了解。他们可能会将照片称为“Photo1.jpg”或“Screen Shot 2017-06-02 at 3.41.15 PM”。如果这听起来很熟悉，请花点时间重命名图像，然后再将其上传到您的网站。为什么？因为这样做会给你的SEO带来提升。

这样想吧。当百度扫描您的网站时，它可以读取您的文字，但无法查看图片中的内容。文件名提供有关图像中的内容的信息，以便百度可以正确解释它。

文件名也成为图片网址的一部分，因此用简单的英文命名文件会使您的网址更容易导航和解释。将图像上传到您的网站后，其文件名是公开的。

6.填写您的标题和替代文字

一旦人们将图像上传到照片元素，他们经常忘记填写其他信息。但就像文件名一样，这个信息为您提供了一些额外的SEO信息。

普通访问者不会看到Alt标签（或替代文字），但它们可以让搜索引擎了解每个图像的基本概念。因此，一旦您将图像添加到您的网站，请务必使用描述照片所显示内容的短语填写“替代文字”字段，最好使用有针对性的关键字。（替代文本还可以帮助视障用户使用基于音频的软件浏览您的网站，因此这是一种改善网站可访问性的好方法。）以下是编写好的alt标签的一些提示。

文件名和alt标签对于产品页面的SEO尤为重要。如果它有意义，还要为图像添加标题，因为人们倾向于阅读照片标题而不是其他任何内容。

此外，通过这些步骤将使您的图像看起来更好，帮助您的网站加载更快，并最终有利于您的SEO。立即进入正确的形象习惯，您将获得整个网站的好处。