为什么需要优化图像

1. 提高网站加载速度并改善用户体验。

2. 提高资源在搜索结果中的位置，并提供来自 Google 图片搜索的额外流量。

3. 节省服务器空间并降低托管成本。

基本图像要求

格式

质量

仅减小尺寸是不够的，重要的是要考虑各个方面。减轻图像的粗细可以使页面更容易加载，但还有其他因素也会影响 SEO。只有集成的方法才能帮助提高您在搜索结果中的资源并吸引更多访问者。

图像文件名 （URL）

Alt 属性

1. 文字应该清楚地传达图片的本质，并且是一个简单的关键词列表。

2. 替代文本应该足够短 — 五到六个单词，但信息量大。

3. 建议添加一两个描述图片的关键词，避免过多的垃圾内容。

4. 单词之间应使用空格，以使文本更易于理解。

遵守这些规则不仅有助于提高访问者对网站的可访问性，还有助于提高其在搜索结果中的位置。

• Alt 模式：[H1] - littletoys.com.ua;

• 示例：Hot Wheels Action Auto Track - littletoys.com.ua。

• Alt 模板：[H1] — 照片 [N] — littletoys.com.ua;

• 库存：Hot Wheels Action Autotrack – 照片 3 – littletoys.com.ua。

其中 [N] 是页面上图像的序列号。

Title 属性

为 Title 属性创建文本时，建议遵循类似的提示（与 Alt 相同）：

1. 保持文本简短且信息丰富，最佳长度为 250 个字符。

2. 自然使用关键词（1-2 个词），避免过度垃圾信息。

3. 文本应添加上下文并解释可能无法立即理解的图片细节。

让我们以虚构的儿童玩具在线商店为例，看一下 Title 属性的创建：

• 标题模板：[H1];

• 示例：乐高超级英雄。

其中 [H1] 是标题。

如果产品页面有多个图片，则 Title （标题） 将为：

• 模板标题：[H1] — 照片 [N] ;

• 示例：乐高超级英雄拼搭套装 - 照片 2。

其中 [N] 是图片的序列号。

延迟加载

1. 防止一次加载所有图像并提高网站的页面加载速度。

2. 允许您更快地与页面交互，从而改善用户体验。

3. 减少通过网络发送的数据量并节省带宽。

CDN （中文版）

1. 减少对您网站主服务器资源的使用，这可以降低托管成本。

2. 轻松处理活动增加和流量高峰的时期，而不会降低图像交付的速度。

3. 抵御 DDoS 攻击和其他威胁。

4. 获取分析以跟踪图像性能和用户参与度。

唯一性

例如，如果您的博客是关于去美国旅行的，请避免复制自由女神像的照片。

1. 您需要支付许可证和使用费。

2. 署名是必要的，通常带有指向图片平台的链接，提及该平台对您来说可能是不可取的。

3. 存在侵犯版权的风险。

4. 这张照片不是原创的，因为它可以被全世界数百万人使用。

有时，使用库存照片会很方便。但是，对于营销需求，最好拥有体现您的品牌并使其具有识别度的独特照片。

图片优化的有用服务

JPEG 

如果您只需要以 JPEG 格式压缩文件，这是一个不错的选择。它不支持 PNG 或 GIF 文件。在此站点上，您可以压缩 0 到 99% 范围内的图像。您还可以设置最大图像大小（默认为 4MB）并调整其大小。

PNG

JPEG.io

将任何格式的图像转换为 JPEG。与其他工具相比，它处理的图像类型更多。要使用它，您需要将 PNG、GIF、SVG 甚至 PSD 文件拖放到此站点。该工具首先将图像转换为 JPEG，然后压缩并发送回去。JPEG.io 还允许您从 Google Drive 或 Dropbox 获取图像文件，并以 ZIP 存档的形式发送优化的 JPEG。

Compressor.io

从何处获取图像

Unsplash

最大的可用库存照片集之一，拥有超过 500 万张图像。这使得该服务成为最实惠的照片来源之一。

Pixabay

该服务提供大量免费照片和视频，并且快速且易于使用。在这里，您可以按热门系列和颜色进行搜索。该工具的其他插件还可以访问库存照片。您可以直接从 Adobe Photoshop、Adobe XD、Figma 或 Sketch 编辑照片。

Burst

建立在领先的电子商务平台 Shopify 之上的免费照片资源。

该平台提供数以千计的免费图片，包括各种与商业相关的照片：零售、电子商务、金钱、产品等。该网站有 28 个类别，其中一些带有子类别，可以更轻松地找到您想要的图像。

Dreamstudio

DreamStudio AI 是一个 AI 平台，可让您使用简短的文本说明创建独特的图像。

DeepAI

DeepAI 允许您使用文本查询使用人工智能创建独特的图像。用户可以输入任何想法、场景、对象或角色，并选择一种艺术风格。

这个 AI 模型经过数百万个图像和文本查询的训练，以学习这些关联。随着系统从越来越多的用户请求中学习，图像的质量和准确性会不断提高。

• 选择正确的格式;

• 保持质量;

• 尺寸和重量优化。

集成方法对于优化网站上的图像非常重要：

• 清除文件名

• 填充的 Alt 和 Title 属性;

• 延迟加载图像;

• 使用 CDN 和独特的图像。

• Unsplash;

• Pixabay;

• Pexels;

• Burst。

任何库存档案中不存在的真正独特的图像都可以使用 Dreamstudio 或 DeepAI 等 AI 工具创建。