为什么优化图片对你的WordPress网站至关重要

Wordpress大师

为什么优化图片对你的WordPress网站至关重要     Ani Barseghyan 2019年7月10日页面速度12分钟读     

当一个网页加载时间太长时你该怎么办?你把它关了，是吗?或者至少停留在有价值的内容的页面上，但向自己保证永远不会回来。我的意思是，在2021年，什么页面加载时间超过10秒?你可能会问，那么最佳的页面速度是多少?当然，没有确切的数字。但我们曾经在这篇博文中讨论过，当人们开始离开你的网站时:根据NN Group的说法，前10秒是至关重要的:如果内容在这段时间内没有完全显示出来，读者就会跳出页面。你所有的努力都是值得的:研究表明79%的用户对网站的速度不满意，他们不会再访问该网站。此外，47%的不满意的客户不仅在个人上拒绝你的服务，而且还通过写负面评论或简单地与朋友分享他们的体验来打击其他潜在用户。结论:保持你的页面速度至少在10秒以下，最好在3秒以下。优化你的WordPress网站的图片是关键!让我们更详细地讨论与图像优化相关的一切。如果你在谷歌上搜索“如何为WordPress优化图像”或类似的内容，这篇文章就是为你准备的。这里有一个小目录:

什么是图像优化?影响你网页速度优化的因素如何优化网页图像有哪些类型的图像优化工具?你的网站理想的图像分辨率是否有一个最佳的尺寸-重量比?WordPress网站的最佳图片格式是什么?什么样的网站需要形象优化?那么，

什么是图像优化?

图像优化是在不影响人眼视觉效果的情况下减小图像大小的过程。有许多类型的图像优化，有些比其他的更极端，但在任何情况下，图像大小的变化都不应该是明显的。如果你想让你的网站重量更轻，加载速度更快，让访问者和/或客户满意，并返回更多，图像优化是一件非常重要的事情。此外，当你的图像重量较轻时，你可以拥有更多的图像。总是一件好事!为WordPress优化图像并不太棘手，但因为WordPress没有内置的图像优化器，你必须找到并安装第三方的图像优化插件。幸运的是，有很多。只要确保图像优化只需要点击一下，并有一个选项来设置优化为自动。阅读我们关于最流行的图像优化器的比较文章，了解更多。哦，想想10Web的图像优化器吧，它的高级版是完全免费的，而且永远都是免费的。另外，它使得为WordPress优化图像变得轻而易举。需要90+的PageSpeed分数?使用10Web，您可以自动获得它!需要一个90+的网页速度分数?使用10Web，您可以自动获得它!影响你的页面速度优化的因素所以你做什么来保持页面运行速度比尤塞恩博尔特快?



的要点如下:尽量在不明显丢失质量的情况下压缩所有的图像（这叫做无损压缩;我们将回到这一点）。使用图像优化器。

    2。优化缓存

设置一个缓存系统，在必要时自动、手动和自动保存和清除缓存。点击此链接了解更多关于缓存的信息。寻找能够提供更高服务器响应时间的托管提供商，最好是多区域的数据中心。你可以在我们的自动化WordPress计划中找到更多tform。4。优化你的代码

缩小你的代码。删除注释和格式。去掉不必要的空格、逗号和不用的代码。谷歌建议使用htmlminified, Uglify JS或CSSNano。5。重定向有时是必要的，以避免404错误。但只要可能，避免多次使用。你不能去一个网址。>，另一个网址>，anotherwebsite.com/index，还指望不到3秒。



现在让我们回到开始的地方。什么是图像优化及其工作原理。你需要降低图像分辨率的软件;也就是说，您需要一个图像优化器，或者至少是一个照片编辑器。有几十种方法可以优化搜索引擎的图像。但所谓的图像优化，人们通常指的是图像压缩。所以，图像压缩器是一种软件，可以安装在你的设备上，也可以通过网络浏览器在线访问。你上传你的图片，它会轻微改变一些像素的色调，使它们看起来相似，使用更少的数据空间。这种变化通常是肉眼看不到的，这就是为什么这种优化方法被称为无损压缩。同样的技术也用于音频文件压缩:将高频降低到人耳无法察觉的程度。图片优化工具有哪些类型?优化图像的方法太多了!下面是其中的一些:1。ps用户通常不需要额外的图像压缩。他们可以按自己喜欢的分辨率输出任何图像。其他编辑器也一样。但是让我们诚实地说。谁使用这个复杂的软件只是为了减少图像的权重?除非你需要它的大部分工具，否则你甚至不会费心去买Photoshop，对吗?但是类似的在线工具，也许。     

2。在线照片编辑器和照片编辑应用程序，如Pixlr和Fotor，是为基本的编辑设计的，这些工具通常包括图像优化。但是，做这么简单的工作需要付出很多努力（通常还需要金钱）。你一定还在想一个更简单的解决方案。

3。在线图像压缩

现在好多了。专用软件总是最好的。你谷歌“在线图像压缩器”，选择一个最有趣/最聪明/最简单的名字，并使用它。有imageoptimizer.net, imagecompressor.com，等等。只需上传你的图像，并选择压缩类型。许多这样的服务都有批量优化，这可能对大量的媒体很方便。4。内置压缩器

压缩器可以与您的CMS（内容管理系统）集成。作为一个WordPress用户，你可以直接在你的网站上安装一个优化器。它通常通过插件实现。因此，您可以上传图像，优化器会使用预定义的设置自动压缩它。或者，您仍然可以手动使用它。WordPress有几十个图像优化插件:你可能遇到过TinyPNG, EWWW, WP Smush等等。在研究了所有可用的选项后，我们开发了10Web图像优化服务，现在可以免费获得高级版本。该服务允许压缩到90%的图像而不明显影响质量。让我们来看一些例子。下面这张照片原来是867 KB。压缩后，压缩到385 KB。你能感觉到区别吗?是的,我也没有。你可以手动和自动压缩你的图像，同时上传它们到你的WordPress媒体库。你可能想知道你的WordPress网站上的图片是否有理想的分辨率。例如，在大多数打印格式中，打印的最佳分辨率是300dpi（每英寸点）。

看，点是e印刷中像素的等价物。那么，对于网页是否也有一个完美的每英寸像素（PPI）数字呢?当我压缩一个图像时，我应该瞄准什么?一些资源说72 PPI是完美的。但在现实中，并没有理想的网页图像分辨率。在这里，图像的大小是由像素决定的，而不是英寸或厘米。所以无论你的分辨率是多少，1000x800px的图像将保持1000x800px。它可能会拉伸或收缩，但重量是一样的。是否存在最佳的尺寸-重量比?不，没有。颜色在图像权重方面起着巨大的作用。一张1000x800px几乎没有元素的黑白照片可能有100KB重，但你可以找到另一张色彩鲜艳、对比度高的照片，重量是它的8倍多。我们甚至可以在相似的调色板中比较两张已经优化过的图像，看看权重有何不同。房子的照片现在缩小到283 KB。另一方面，老人的照片大小相同，也优化到最大，但重量仍然是原来的两倍——538 KB。



   可以限制最大重量和大小。但这一比例取决于图像结构。你可以尽你所能把它控制得越低越好。WordPress网站的最佳图片格式是什么?网上发布的最常见的格式是JPEG和PNG。WordPress Codex推荐这两种方法。根据具体的图像及其内容，这些文件类型中的每一种都可以更好地工作。

JPEG （.jpg）适用于所有光栅（由像素组成而不是线条），特别是照片。当你以JPEG格式保存照片时，它通常会被自动压缩。最好的照片编辑器可以让你控制通过压缩删除多少细节。您可以选择最小的数量，然后使用图像优化器压缩它，以避免可见的失真。

PNG既适用于照片也适用于线条艺术。它在压缩照片时不会丢失细节，但通常比JPEG占用更多的存储空间。这种格式对于矢量文件来说是最好的，因为它不会扭曲它们的大小。WordPress（以及图像优化器）也支持gif，但正如你可能已经注意到的，这种格式会造成最大的失真，无论你如何小心地转换你的文件。什么类型的网站需要图像优化?长话短说，各种各样。你们会把你们的logo显示在最上面的角落吗?你不会相信这个小图像文件有多重。检查;您可能需要进行一些优化。你是否在管理一个在线商店并定期上传图片?你最好在你的CMS（内容管理系统）上设置自动图像优化。Duckpin的联合创始人兼首席执行官Andrew Woods说:“在Duckpin，我们优化每个网站的图片。网站的页面速度是访客满意度和搜索引擎排名的一个主要因素，而图像优化是一个简单的方法来提高它。无损压缩（减少文件大小同时保持相同的视觉质量）可以减少30%或更多的图像文件大小。进一步的图像优化技术，如有损压缩和渲染适当的图像大小可以节省50%或更多，这对页面速度有巨大的影响!图像优化是提高页面速度的“容易摘的果实”，所以不应该被忽视。无论你的网站类别是什么，你都应该在设计阶段就考虑它的速度优化，而不是在万事俱备之后。TagDiv已经发布了一个避免常见网页设计错误的指南，10Web为WordPress提供了很多模板，经过精心设计，可以在任何设备上快速加载。你一定听说过优化图片以获得更好的搜索结果。在学习了所有关于图像压缩的知识之后，您可能认为这对于SEO来说就足够了。但你需要更多。然而，图像压缩确实会影响SEO。让我们来看看。图像大小和SEO

大小的影响你的搜索结果有两种方式。

1。你知道沉重的图片会使你的网站变慢。

搜索引擎估计页面的加载时间，并对越快的页面排名越高。

人们访问、等待和跳慢的网站。反弹率是一个众所周知的排名因素。如果你的搜索结果很高，你的页面就不会出现在搜索结果的顶部。你的反弹率越低，你的谷歌排名就会越高。

2。更快的页面优先级

谷歌在多个场合宣布，页面速度本身多年来一直是一个重要的排名因素。平均而言，图片占据了网页的60 - 70%。如果你不压缩，这个数字会越来越高，大大减慢你的网站加载时间。所以如果你关心SEO，千万别忘了压缩。Best Response Media的内容营销主管Tihana Drumev没有在搜索引擎的图像压缩和图像优化之间画出界限:“我从来没有上传过没有经过优化的图像。然而，更多的时候，我要弥补客户的错误（非常大的文件，以代码编号命名的图片等等）。我做它的主要原因是搜索引擎优化（SEO）。如果图片太大，它会降低加载时间，影响用户体验，而不仅仅是SEO。此外，给图像一个描述性的alt文本和标题文本是必须做的。Alt文本是搜索机器人的一个提示，图像与页面上的文本相连接，并匹配谷歌图像上的某个查询。标题是给读者看的。这是印刷版报纸的传统做法——读者喜欢阅读标题。只要遵循这两种基本的图像优化实践，视觉内容和文本内容就会更紧密地联系在一起，用户在浏览网站时就会感觉更好。图像元数据优化

  

嗯，首先，什么是元数据?这是关于信息的信息。图像元数据是搜索引擎可以看到的关于图像的文本信息。作为一个WordPress用户，当你上传图片到媒体库时，你很幸运有一个简单的表单来填写meta。以下是发布图片后需要填写的主要部分。有了所有这些属性，您的图像可以很容易地通过图像搜索找到，并建议与其他图像相关。     



基本上，图像优化非常类似于整个页面的优化:您需要使您的内容可以通过相关的关键字进行搜索。除了关键字优化外，还要确保您的图像包含在XML站点地图中。如果你愿意，你可以使用10Web的免费SEO服务自动生成站点地图并手动编辑它。该服务还允许添加OpenGraph和Twitter卡。有了这些工具，当人们在他们的社交媒体上分享你的页面时，你可以确保在预览中显示正确的图像。关于优化WordPress图片的重要性，你从这篇文章中学到了什么新东西吗?在评论中分享，并问我们任何关于图像优化的问题。你喜欢这篇文章吗?传播这个词!留言取消回复

您的电子邮件地址将不会被公布。必填字段标记为*

您的电子邮件地址将永远不会被发布或共享。必填字段标记为*

COMMENT*

NAME *

EMAIL ADDRESS *

WEBSITE

在此浏览器中保存我的姓名、电子邮件和网站，以便下次评论时使用。





相关帖子10视频优化技巧，一个更快的网站!一个好的图片优化器的5个秘密武器10个简单的方法加快你的WordPress网站的速度:如何影响你的流量和转换#图片优化#se