网路上的人没有太多时间去消费资料-因为后者太多了。数据太多，我们根本没有时间阅读所有数据！作为现代Web的内容策展人，您的任务是最大程度地提高吞吐量。您用较少的词表达的越多，您的工作就越好。

为什么图像（如此非常）重要？

您会（和应该）在帖子和文章中使用图片的原因有很多，原因很多：

• 图像用作号召性用语（CTA）的视觉刺激。CTA可以是您希望访客执行的任何任务。常见的CTA包括订阅您的新闻通讯，通过社交媒体分享您的文章或购买您的产品。
• 图像增强了作者寻求与读者建立的联系。
• 图像传递的内容更少。

因此，至关重要的是，我们在演示文稿中使用正确的图像（博客文章，非正式报告，实际的PowerPoint演示文稿等），以便在读者心中留下印记！

可是等等！有问题！

图片占据了现代网站所使用带宽的63％左右，因此对其进行适当的速度优化变得越来越重要。

页面加载时间延迟一秒可能会使转化率降低7％

我们已经确定人们的注意力跨度很短（现代内容生产速度的缺点之一）。即使您使用正确的图像，如果它们没有在可接受的时间内加载，也会失去兴趣。

10个最常见的图像优化错误

大多数网站都有问题-它们使用的是精美的图片，但是将图片提供给访问者的方式很糟糕。大尺寸，优化不佳，格式错误，不必要的大尺寸（尺寸），无响应的图像和粗心的SEO错误是现代Web面临的一些最常见问题。在今天的文章中，我们将解决这些问题！

1.大尺寸

“炸薯条”并不总是很好

这是经典。假设您的网站“团队”页面中需要一张150×150像素的照片。通常，您将使用5MP头像，对其进行一点编辑然后最后上传。

你发现问题了吗？有些人直接上传实际的5MP图片！WordPress主题将加载整个5MP图像（5 x 10 ^ 6像素），并要求浏览器将其缩小到150x150px的所需尺寸。本质上，浏览器仅显示原始图像的0.0045％！

您最终浪费了您和访客的带宽（即使您是通过诸如Stackpath CDN之类的Content Delivery Network提供图像的），也浪费了更多的硬盘空间并增加了加载时间。这些功能都不是您网站上想要的。

始终将图像调整为所需的尺寸（通过调整尺寸，我的意思是缩小尺寸），然后上传！

您不需要花哨的软件即可执行此操作–有一些免费的在线工具，例如ImageResize.org，可用于快速调整大小和优化图像。只需上传并调整您的照片设置即可。完成后，下载优化的图像以在您的网站上使用。 如果您只是想减小文件大小，它们还提供了快速的Image Compressor。

有用的工具：

• IrfanView是一款出色的免费软件，可以使用优化，水印和边框等高级选项批量调整图像大小。
• ImageMagick是高级的开源工具，可以在多种编程语言和操作系统中使用。您可以编写自己的应用程序，也可以仅通过命令行使用它。
• ImageOptim（Mac）允许您拖动整个文件夹并快速优化多个图像。
• TinyPNG是带有API的在线图像压缩工具。

2.图片格式错误

用于图像的格式起着至关重要的作用。通常，将PNG用于矢量图形和计算机生成的图像（如剪贴画等）。将JPEG用于照片或具有各种颜色的图像。有关详细说明，请查看这个很棒的StackOverflow答案。

3.不使用渐进式JPEG

基准JPG与渐进JPG

对于普通人来说，JPEG有两种类型-基线和渐进式。在视觉上，两者是相同的。区别在于它们的加载方式：

• 基准JPEG只有一层-包含整个图像。根据要求，一次加载整个图像。
• 渐进式JPEG将图像组成多层。逐行加载渐进式JPEG图像，其质量会逐渐提高，最终为您提供无损的视图。

IrfanView支持逐行JPEG批量转换

所有主要的图像大小调整器均允许您将图像另存为渐进JPEG。

4.不使用延迟加载

延迟加载是一种出色的资源节省技术，其中仅当访问者向下滚动到图像的视图框架时才加载图像。考虑一篇文章-“ 2014年15种最省油的汽车”。当然，本文将至少包含15张图片。而且，无论显示设备（显示器，平板电脑或智能手机）的高度如何，都无法将15张图像全部容纳在视野中。您必须向下滚动才能查看所有图像。

启用延迟加载后，仅当访客在图像附近时才会加载图像。换句话说，图像只是在您向下滚动查看时才开始加载。但是，由于您已经在视图框中，因此前几张图像会立即加载。延迟加载节省了两端的带宽并缩短了加载时间！您可以通过BJ延迟加载插件在WordPress中使用延迟加载。

5.不使用CDN

使用内容传送网络（CDN）将从物理上最接近访问者位置的服务器提供图像。如果来自印度的访客要求提供图像，并且CDN在东京和纽约具有POP（存在点，或仅是服务器），则将从位于东京的服务器提供图像。

当流量很大时，应使用WordPress设置CDN，以减少加载时间并获得整体性能。在WPExplorer，我们推荐Cloudflare。 对于新生网站，我们将建议您尝试使用的免费CDN服务列表。

6.不声明’alt’属性

‘alt’属性描述了搜索引擎的图片。万一无法加载图像，在此字段中输入的文本将显示给用户。很多人倾向于将这些字段留空。这对SEO非常不利，您会因此而失去流量。您应该始终尝试在图片的alt标签中添加网站的关键字。

7.不优化图像

优化的图像比普通图像亮40％。这样可以改善加载时间并节省带宽。从Freddy的最佳WordPress图像优化插件列表中，我们建议使用WPSmush.it来优化图像。 Kraken.io还是一个不错的在线选择，可以轻松压缩图像。在WPExplorer，我们一直在使用它来优化特色图片，然后再将其上传到帖子和主题演示中。

8.响应式图像

响应式网页设计在这里

即使您的网站具有响应能力，也并不意味着您的图片就可以。这意味着您在22英寸桌面屏幕上使用的标题图片也将提供给5英寸iPhone。当您上传图片时，WordPress将其调整为多个版本-缩略图，中型，全尺寸等。开发人员可以更改此大小。编码正确的主题将投放图像的“中”尺寸版本，从而节省带宽。

该Picturefill.WP插件将有一个新的<图片>元素将成为基于媒体查询不同的图像替换图像标签。这是相当实验性的（这意味着存在错误），不应在实际站点上使用。

9.图片说明

字幕并非总是必需的，尽管在某些情况下是必需的，例如教程中的屏幕截图。为图片添加字幕可以帮助读者更好地理解主题，同时提高您的SEO。

10.图像文件名

从搜索引擎的角度考虑文件名。使用与图像的“标题”标签相同的文本。另外，请尝试添加与您的网站最相关的关键字。

结论

对于任何网站（无论新旧），图像搜索引擎优化都至关重要。从长远来看，正确实施图片SEO （有时可能很平凡）的人们将获得大量的有机流量（最好的流量）。

---

---

需要提供WordPress主题/插件的汉化服务可以随时联系我们！另外成品WordPress网站以及半成品WordPress网站建设，海外Google SEO优化托管服务，百度SEO优化托管服务，Centos/Debian服务器WP专用环境搭建，WP缓存服务器搭建，我们都是你的首选，拥有多年WP开源程序服务经验，我们一直在坚持客户体验，没有最好，只有更好！