互联网上的人们没有太多时间来消费材料——因为它们太多了。数据太多了，我们根本没时间看完！作为现代网络的内容管理者，您的任务是最大化吞吐量。你能用更少的语言表达的越多，你的工作就会越好。
为什么图像（非常）重要？
您愿意（并且应该）在帖子和文章中使用图片的原因有很多：
- 图片用作号召性用语（CTA）的视觉刺激) 。 CTA 可以是您希望访问者执行的任何任务。常见的 CTA 包括订阅您的时事通讯、通过社交媒体分享您的文章或购买您的产品。
- 图像增强了作者试图与读者建立的联系。
- 图像传达的内容较少。
因此，最重要的是我们在演示文稿（博客文章、非正式报告、实际的 PowerPoint 演示文稿等）中使用正确的图像，以便在脑海中留下印记我们的读者！
但是等等！有问题！
图像占用了现代网站所用带宽的 63% 左右，因此适当优化它们以提高速度变得越来越重要。
页面加载时间延迟一秒可使转化率降低 7%
我们已经确定人们的注意力持续时间很短（速度现代内容制作的缺点之一）。即使您使用了正确的图像，如果它们没有在可接受的时间内加载，也会失去兴趣。
大多数网站都有同样的问题 - 他们使用漂亮的图片，但向访问者提供这些图片的方式却很糟糕。大尺寸、最糟糕的优化、糟糕的格式、不必要的大尺寸、无响应的图像和粗心的 SEO 错误是现代网络面临的一些最常见的问题。在今天的文章中，我们将为您提供 10 个简单的图像优化技巧，您可以使用它们来避免这些问题。
1.调整大尺寸图片
“炸薯条”并不总是好的
这是经典。假设您在网站的“团队”页面中需要一张 150×150 像素的照片。通常，您会采用 5MP 头像，对其进行一些编辑并在最后上传。
找到问题了吗？有些人直接上传实际的 5MP 图片！ WordPress 主题将加载整个 5MP 图像（即 5 x 10^6 像素）并要求浏览器将其缩小到所需尺寸 150x150px。本质上，浏览器只显示原始图像的 0.0045%！
你最终会浪费你和你的访问者的带宽（即使你正在通过类似堆栈路径 CDN 的东西），消耗更多的硬盘空间并增加加载时间。这些功能都不是您想要在您的网站上使用的功能。
始终将图像调整为所需大小（调整大小是指缩小尺寸）并上传！
不需要精致的软件可以做到这一点——有一些免费的在线工具，例如 ImageResize.org，您可以使用它们来快速调整图像大小和优化图像。只需上传并调整您的照片设置。完成后，下载优化的图像以在您的网站上使用。如果您只想减小文件大小，他们还提供快速图像压缩器。
有用的工具：
- IrfanView 是一款出色的免费软件，可以使用优化、水印和边框大小等高级选项批量调整图像大小。
- ImageMagic 是一种先进的开源工具，可用于多种编程语言和操作系统。您可以编写自己的应用程序，或者只是从命令行使用它。
- Image Optimizer (Mac) 可让您拖动整个文件夹并快速优化多个图像。
- Little PNG是一款带有API的在线图片压缩工具。
2.使用正确的图片格式
图像使用的格式起着至关重要的作用。通常，PNG 用于矢量图形和计算机生成的图像，例如剪贴画等。JPEG 用于具有多种颜色的照片或图像。有关详细说明，请查看这个很棒的 StackOverflow 答案。
3.使用渐进式 JPEG
基线 JPG 与渐进式JPG
对于普通人来说，有两种类型的 JPEG - Baseline 和 Progressive。从视觉上看，两者是相同的。区别在于它们的加载方式：
- 基线 JPEG 只有一层 - 包含整个图像。根据要求，一次加载整个图像。
- 渐进式 JPEG 组成多层图像。逐行加载渐进式 JPEG 图像，它们的质量逐渐提高，最终为您提供无损视图。
IrfanView支持渐进式 JPEG 批量转换
所有主要的图像调整器都允许您将图像保存为渐进式 JPEG。
4.开启延迟加载
延迟加载是一种极好的资源节省技术，其中仅当访问者向下滚动到图像的透视图时才加载图像。考虑一篇文章 - “2014 年 15 款最省油的汽车”。当然，这篇文章将包含至少 15 张图片。而且无论显示设备（显示器、平板电脑或智能手机）的高度如何，都不可能将所有 15 张图像都显示在视野中。您必须向下滚动才能查看所有图像。
启用延迟加载后，图像只会在访问者靠近时加载。换句话说，图像只有在您向下滚动查看它们时才会开始加载。但是，由于您已经在视图框中，因此会立即加载前几张图像。延迟加载可以节省两端的带宽并缩短加载时间！您可以将 WordPress 中的延迟加载与 BJ 延迟加载插件结合使用。
5.添加CDN
使用内容交付网络 (CDN) 将从物理上最接近访问者位置的服务器提供图像。如果来自印度的访问者请求图像，并且 CDN 在东京和纽约有 POP（存在点，或只是服务器），图像将从位于东京的服务器提供。
当流量很大时，您应该使用 WordPress 设置 CDN 以减少加载时间并获得整体性能。
在 WPExplorer，我们使用 Cloudflare，并且还有一个您可能想要签出的推荐免费 CDN 服务列表。但是，自己设置 CDN 可能很复杂，因此插件可以派上用场。
Publitio卸载媒体
/ p>
信息和下载观看演示
一个不错的选择是 Publitio Offload Media 插件，它允许您将媒体文件存储在 Publitio 基于云的媒体管理器中。安装该插件后，您可以轻松地将整个媒体库从您的服务器上移开，甚至可以优化图像和视频质量。移动后，图像将从 Publitio CDN 快速提供。这释放了大量的服务器空间，并且可以真正加快您的网站速度（特别是如果您的托管计划预算有限）。甚至还有一个简单的立即同步按钮，可以在您编辑新帖子时自动将新媒体添加到云中。 Premium Publitio 计划包括自定义 CNAME、多个水印甚至视频加密等额外功能。
6.声明“alt”属性
“alt”属性描述搜索引擎的图像。如果图像加载失败，将向用户显示在此字段中输入的文本。许多人喜欢将这些字段留空。这对 SEO 非常不利，您将因此而失去流量。您应该始终尝试在图片的 alt 标签中添加您网站的关键字。
7.优化压缩图片
优化图片比普通图像亮 40%。这可以缩短加载时间并节省带宽。从 Freddie 的最佳 WordPress 图像优化插件列表中，我们推荐 WPSmush.it 来优化您的图像。 Kraken 也是压缩图像的绝佳在线选项。在 WPExplorer，我们一直在使用它来优化特色图片，然后再将它们上传到我们的帖子和主题演示中。
8.响应式图片
响应式网页设计来了
即使您的网站是响应式的，也不意味着您的图片会响应式。这意味着您在 22 英寸桌面屏幕上使用的标题图像也将适用于 5 英寸 iPhone。当您上传图片时，WordPress 会将其调整为多个版本 - 缩略图、中等、完整等。开发人员可以更改此大小。正确编码的主题将提供“中等”尺寸的图像版本，从而节省带宽。
Picturefill.WP 插件将用一个新的
元素替换图像标签，该元素将根据媒体查询提供不同的图像。这是相当实验性的（意味着存在错误），不应在实时站点上使用。
9.字幕
字幕并非总是必需的，尽管在某些情况下是必需的，例如教程中的屏幕截图。为图像添加标题可以帮助读者更好地理解主题，同时改进您的搜索引擎优化。
10.图片文件名
从搜索引擎的角度考虑文件名。使用与图片的“标题”标签相同的文本。此外，尝试添加与您的网站最相关的关键字。
结论
对于任何网站，无论新旧，SEO 图片都是至关重要的。从长远来看，正确实施图像 SEO 的人（有时可能很平凡）将获得大量自然流量（最佳流量）。
有什么很酷的优化技巧吗？火！
