无论您有一个网站，在线商店仍然希望看起来很棒的传统网站，您都需要花费一些时间来优化您上传的每张图片。

当我们谈论如何为网络“优化”图像时，您可以通过三种方式考虑：1。使它们看起来不错2.使其快速加载3.使搜索引擎易于索引。

大多数帖子仅涉及一个或其他方面，但我将在本文中介绍它们。为了更好地，您可以使用免费的，易于使用的工具来优化图像-NO Photoshop。（在本文中，我将主要演示PIXLR的免费网络版本。这是一个很好的基本照片编辑工具。如果您对其他工具感兴趣，请查看我们的文章如何编辑照片，而无需Photoshop。

1.从高质量的图像开始

储蓄摄影：您不必在网站上使用精美的照片。似乎每天都有更多高质量的照片网站，您可以在其中下载免费的照片供商业用途。

当您从其中一个网站下载图像时，它可能是一个很大的JPEG文件。为了为您的网站进行优化，您需要降低尺寸并上传较小的版本（以下更多内容）。但这没关系。从大照片开始是理想的选择，因为您总是可以缩小较大的图像。

拍摄自己的（更好）照片：当然，您不能将照片用作所有照片（例如团队或产品的照片）。如果您需要为自己的产品拍照，即使没有精美的相机设备，也有一些简单的技术使您的照片看起来更加明亮，更专业。

图形：如果您正在寻找更多的图形内容，则可以使用大量新的免费在线工具来构建自己的图表或字体叠加的照片。

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

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

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

图形，尤其是那些具有较大且颜色较大的区域的图形，应保留为PNG。这包括大多数设计，信息图表，包含大量文本图像和徽标。 PNG的质量高于JPEG，但通常具有更大的文件大小。 PNG处理颜色和文本区域的清晰线条，因此您可以放大而不会失去任何质量。它们还支持透明背景（如果使用徽标，则需要它）。如果您有选择，我们建议将PNG保存到“ 24-bit”中，而不是“ 8-bit”中，因为它们具有更好的质量和更丰富的支持颜色。

如果您将照片与文字一起使用怎么办？如果大多数图像是照片区域，则可以使用JPEG。

大多数照片程序允许您选择JPG或PNG，该方法是将“保存”，“导出”或“保存为Web格式”转移，然后选择您喜欢的类型。

您可以将PNG转换为JPEG，但不会通过将JPEG转换为PNG来优化任何质量。例如，如果您仅将徽标用作JPG，则需要直接与设计器联系并请求原始设计程序中的PNG，而不是试图从JPEG扭转PNG。

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

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

有时您想在网站上使用大型照片，例如背景或角色图像。如果您使用低质量的图像并尝试将其吹到足够大的情况下，它将看起来模糊。

那么，如何在尺寸和质量之间达到适当的平衡？首先，重要的是要了解图像，“大小”是相对术语。打印所需的内容通常比网站所需的内容大得多。可能很难跟踪，因此这是“大小”的三个主要概述：

文件大小：计算机上文件占据的字节数。这可能会降低您网站的速度。 15MB（万亿个字节）照片非常大。 125KB（千字节）照片更合理。如果您的文件大小很大，则表明图像大小太大或分辨率太高。

图像大小：图像的实际大小（以像素为单位）。您可能会认为传统的打印照片为4×6,5×7或8×10。但是，在Internet上，高度和宽度以像素测量。例如，网站上的典型图像可能为795×300像素。

分辨率：分辨率由印刷界留下，分辨率是图像的质量或密度，每英寸（DPI）的点数（DPI）是单元。专业打印机可能要求该图像至少为300DPI。但是大多数计算机显示器显示72DPI或92DPI，因此任何高于此值的东西都会过于杀死，并使您的图像不必要。当设计程序具有“网络节省”选项时，它意味着在低分辨率的在线友谊下保存它。

如何找到图像的大小，图像大小和分辨率？

您可以在计算机上找到文件大小和图像大小。如果您在PC上，请右键单击图像文件，选择“属性”，然后选择“摘要”选项卡。在Mac上，按住CTRL并单击图像文件，然后选择“获取信息”。

查找分辨率需要更高的照片程序，例如Photoshop，但是大多数基本图像编辑程序将自动保存具有低，在线友好的DPI的图像。

备忘录用于图像大小，文件大小和分辨率

现在您已经了解了描述图像大小的不同方法，请记住以下经验规则：

大图像或完整屏幕背景图像不得超过1MB。

大多数其他小型网页可能是300kb或更少。

如果您使用完整的屏幕背景，我们建议您上传宽度为2000像素的图像。

如果您有此选项，请始终“保存为网络”，这将为您的图像提供网络友好的解决方案。

您可以减少较大的图像，但是很难使较小的图像更大。 “如果您有100×100像素图像，则需要将其转换为惊人的2560×1440 Web横幅，那么生成的图像将无法直接看。”

如果您的图片在网站上太大，您会做什么？

如果您有一台漂亮的数码相机，则可能需要一些比您的网站需要几兆卡的Megcart。高质量网站的图片通常具有较大的文件大小。如果您的图像超过1MB，则可以执行以下操作：

调整图像大小。如果您的照片宽度为5000像素，则可以根据您计划在网站上使用它的方式轻松地将其调整为2000像素宽度，1200像素宽度，甚至更小。这将大大减少文件大小。调整大小，确保比例相同，以免图像扭曲。

小企业网站建设公司 减少分辨率。照片程序将自动将图像分辨率减少到“网络友谊”的大小（分别为72DPI和92DPI）。您也可以在Photoshop中使用此操作。您还可以在许多照片程序中“保存为”，然后从那里调整质量水平。

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

如果一致的样式和大小/比率，网页上的图像看起来会更好。在页面上安排短信和其他信息时，一致性也将有所帮助。

好的，由于您的照片已经进行了调整并看起来很棒，因此如何为搜索引擎优化它们？

5.正确的名称图像文件来帮助您的SEO

大多数人对他们的文件不太了解。他们可以将照片称为“ photo1.jpg”或“屏幕截图2017-06-02，at 3.41.15 pm”。如果听起来很熟悉，请花一些时间将图像重命名，然后将其上传到您的网站。为什么？因为这样做会为您的SEO带来改进。

这样思考。当搜索引擎扫描您的网站时，它可以读取您的文本，但无法查看图片中的内容。该文件名提供了有关图像中内容的信息，以便搜索引擎可以正确解释。

该文件名也成为图片URL的一部分，因此用简单的英语命名文件将使您的URL易于导航和解释。将图像上传到您的网站后，文件名是公开的。因此，不要将它们命名为尴尬或秘密。

为了保持一致性，请使用小写字母和数字0-9。不要引入标点符号或空间。更好使用字符代替行。

6.填写您的标题和替换文本

人们将图像上传到照片元素后，他们常常忘记填写其他信息。但是像文件名一样，此信息为您提供了一些其他SEO果汁。

普通访问者将看不到alt标签（或替换文本），但是他们可以让搜索引擎理解每个图像的基本概念。因此，一旦将图像添加到网站上，请确保用描述内容中显示的短语填写“替代文本”字段，更好使用目标关键字。 （替换文本还可以帮助视觉企业网站建设报价残障用户根据基于音频的软件浏览您的网站，因此这是提高网站可访问性的好方法。）以下是一些提示编写良好ALT标签的提示。

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

注意：填写ALT标签。名称和标题对SEO有好处，但不要尝试关键字。您只想用简单的英语添加数字准确地描述图像无关紧要或重复的关键字将受到搜索引擎神的惩罚。

7.将图像放在相关文本附近

选择与文本内容有关的图像，而不是完全偏离图像。被相关信息（带有相关关键字）包围的图像将更好地排名。

该提示还可以帮助您避免托运照片的猜测。如果您的网站是关于教育的，那么由于拍摄Apple照片，您将不会获得任何搜索引擎优化效果。但是，老师，学生和教室的照片对读者来说更有趣，并且与您的主题更相关。

摘要：优化网站图像以获得质量和SEO

让我们看一下网站上的一些示例。我在网站上找到了咖啡杯的照片。当我下载它时，名称为“ fn6hzmwqrhufet5yoaph_stbalmaincoffee.jpg”，是2509 x 1673像素。它的大小为586KB。这不是很糟糕，但是它仍然比我在网页上显示一张小照片要大得多。因此，要优化此图像，我将执行以下操作：

将图像重新恢复到更有意义的内容。也许make-clive-coffee-cabpuccino.jpg的名称会更合适，或者其他。

使用诸如Photoshop之类的工具调整尺寸并将其切成我想要的尺寸。在此示例中，我选择了1000×760。如果您想要一个正方形，则可以做1000×1000。

确保它是正确的文件大小。将其切成所需的尺寸并保存下来，文件大小就完美了！

用照片元素上传到网站，不要忘记填写Alt文本！我还添加了一个很好的标题。

尽管此列表看起来可能很多，尤其是如果您上传大量图像，则一旦习惯了此过程，您将变得越来越快。 （您可以将此页面添加到书签中，以便您可以参考）。

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