任何问题请联系WX:uu16853

买模板送网站采集器 让你轻松放开双手运营网站!

购买更多有优惠!

如何在WordPress中使用WebP图片(3种方法)

您想在WordPress中使用WebP图像吗? WebP图像是一种现代图像格式,它通过减小文件大小来提供更好的图像压缩。这使您的网站加载更快,并节省带宽。 在本文中,我们将向您展示如何在WordPress中轻松使用WebP图像。 在下一个屏幕上,您将看到一堆插件选项。 向下滚动并选中“WebP转换”选项旁边的框。 之后,点击“保存更改”按钮以存储您的设置。 接下来,您需要向下滚动到WebP转换部分。该插件现在将用红色预览图像向您显示一些重写规则。 你需要点击‘插入重写规则’按钮,插件会自动尝试将这些重写规则插入到你的.htaccess文件中。 如果插件成功添加了这些规则,则红色图像预览将变为绿色,并显示‘WebP’文本。 有时,插件可能无法插入规则。在这种情况下,您需要从插件的设置页面复制重写规则,并手动将它们粘贴到.htaccess文件的底部。 完成后,返回到插件的设置页面,然后再次点击“保存更改”按钮。如果预览图像变为绿色,则表示您已成功启用WordPress网站上的WebP图像传递。 或者,您可以选择JS WebP重写或WebP重写方法作为WebP交付选项。这些方法比.htaccess方法稍微慢一些,但它们可以完成工作。 将旧图像批量转换为WebP版本 WEWW图像优化器允许您轻松地将之前上传的图像文件转换为WebP图像。只需转到媒体?图书馆页并切换到列表视图。 接下来,您需要点击“屏幕选项”按钮,并将“每页的项目数”更改为999。如果你有1000多张图片,那么这些图片将出现在下一页。 这样,您将能够快速选择大量的镜像进行批量优化。接下来,单击顶部的全选复选框以选择所有图像。 之后,点击“批量操作”下拉菜单并选择“批量优化”选项。最后,点击“应用”按钮。 在下一个屏幕上,该插件将让你选择跳过图像压缩,只将它们转换为WebP。如果您的图像已优化,则可以选中此选项。 之后,点击“扫描未优化的图像”按钮继续。然后插件会显示找到的图片数量,这样你就可以点击优化按钮继续。 现在将优化您的图像,并且ewww Optimizer将为您的图像生成WebP版本。 测试您的WebP图像交付 一旦你优化了你的图片,你就可以去一篇包含几张图片的博客文章。 将鼠标移到任何图像上,然后右击以在新选项卡中打开该图像。 这将在新的浏览器选项卡中打开图像。 您将能够看到它有一个.webp地址栏中的扩展名。 如果插件无法提供WebP图像,则可以返回到插件的设置页面。从这里,您可以将WebP交付选项更改为‘JS WebP重写’或‘WebP重写’方法。 系统会要求您输入一个商务电子邮件地址。之后,您可以在收件箱中查看包含您的API密钥的电子邮件。将密钥复制并粘贴到插件的设置页面中,然后单击“保存更改”按钮。 接下来,您需要向下滚动到优化部分。你需要勾选“创建WebP版本的图像”和“在网站上以WebP格式显示图像”选项旁边的选项。 在这之后,你可以从两种传送方式中选择在WordPress中显示WebP图像。第一个是.htaccess方法,第二个是使用标记。 .htaccess方法更快,但如果您使用的是CDN服务,则该方法不起作用。标签方法也适用于CDN,但它可能会破坏一些WordPress主题。 您可以选择任何一个适合您的站点。之后,点击底部的‘保存&转到批量优化器’按钮。 这将把你带到媒体»批量优化佩奇。 该插件将自动开始在后台优化您的所有WordPress图像。 如果您有很多图像,那么这可能需要一段时间。不要担心,您可以关闭页面并稍后返回,因为关闭页面不会停止图像优化过程。 在WordPress中测试WebP图像 优化完成后,您可以访问包含几张图片的页面或帖子。将鼠标移到某个图像上,然后右击以选择“在新选项卡中打开图像”。 这将在新的浏览器选项卡中打开图像。 你就能看到.webp地址栏中的扩展名。 从这里,如果你想使用SiteGround的内置缓存系统,你可以打开缓存设置。 之后,您可以切换到媒体优化选项卡,并打开“生成新图像的WebP副本”选项。 在其下方,您将看到“批量生成WebP文件”选项。 点击该选项的切换按钮将开始为您的WordPress媒体库中的所有图像文件生成WebP副本。 一旦完成,您的WordPress站点将开始提供WebP图像。 在SG Optimizer中测试WebP映像 要查看您的网站是否提供WebP图片,您需要在您的网站上打开一个包含一些图片的页面。 之后,右击并选择检查工具。这将打开开发人员控制台,您需要在其中切换到Network选项卡。 在这里,点击“img”选项卡,然后重新加载页面(在Windows上按CTRL+R,在Mac上按Command+R)。当您的网站重新加载时,您将看到在开发人员控制台中加载的所有图像。 我们希望这篇文章能帮助你学习如何在WordPress中使用WebP图片。您可能还想看看我们关于如何创建电子邮件时事通讯的指南,以及我们的专家为您的网站挑选最好的商务电话服务。 中国和中国都是如此。

WordPress Imagify,Optimole,ShortPixel,WebP,WebP图片,WebP插件,图片优化插件 文字详细教程

提升WordPress网站的加载速度的其中一种办法——减少图片体积大小。平均而言,图片约占网页文件大小的一半,因此即使是很小的改进也可以取得很大的效果。 WebP是一种较新的图片格式(相比jpg和png),该格式的最大特点是减小图片体积大小而不影响质量。将图片转换为WebP格式可以将其尺寸缩小约25-35%,而不会造成质量损失。 我们将在此文中深入探讨该主题! 什么是WebP? 哪些浏览器支持WebP? WebP vs JPG vs PNG体积大小比较 如何在WordPress网站上使用WebP图片 什么是WebP? 那么……什么是WebP文件?简而言之,WebP是Google开发的一种图片格式。我们更为常见的图片格式是JPEG或JPG和PNG,WebP则算得上后起之秀。 WebP致力于提供相同质量的图片,但文件尺寸较小。通过减少图片文件的大小,而不会“降低图片呈现质量导致糟糕用户体验”,并且有利于网站加载速度提升。 在Google的WebP压缩研究中,Google发现平均一个WebP图片文件… 比JPEG图片小25-34%。 比PNG图片小26%。 这就是为什么如果您通过PageSpeed Insights运行网站测试,会看到采用WebP等下一代格式提供图片: Google PageSpeed Insights建议使用WebP格式图片 那么Google的WebP格式如何实现文件大小减少?WebP支持有损和无损压缩,因此确切的减少取决于您使用的是有损还是无损压缩。 通过有损的WebP压缩,WebP使用一种称为“预测编码”的方法来减小文件大小。预测编码使用图片中相邻像素的值来预测值,然后仅对差异进行编码。它基于VP8关键帧编码。 无损WebP使用WebP团队开发的一套更为复杂的方法。如果您想详细了解WebP压缩技术,那么可以阅读谷歌相关文档。 哪些浏览器支持WebP? 为了使WebP图片起作用,需要Web浏览器兼容才行。不幸的是,尽管越来越多的浏览器开始兼容WebP,但WebP兼容性仍然不是通用的。 当前主流浏览器一般都支持WebP图片(冥顽不灵的IE依然是不支持的,也可能因为它不是开源的),例如: Chrome(PC&移动版) Firefox(PC&移动版) Edge Opera(PC&移动版) 值得注意的是Safari,Safari的桌面版和移动版均不支持WebP图片。Apple在2016年曾尝试Safari兼容WebP的开发,但此后就渺无音讯了。 Internet Explorer也不兼容WebP(Edge支持WebP,因为它基于Chromium)。 总计,大约77%互联网用户使用支持WebP的浏览器。但23%的数字太大了,不容忽视(在下面的WebP教程中,将会详细说明如何处理此问题,以便所有访问者都拥有良好的体验): WebP支持 WebP vs JPG vs PNG 体积大小比较 根据Google的测试,WebP图片为: 比JPEG图片小25-34% 比PNG图片小26% 如果您想进一步了解Google的方法,可以阅读谷歌关于WebP的一些说明资料:Lossless and Transparency Encoding in WebP,WebP Compression Study。 两项测试均基于超过11,000张图片,包括: […]

100% Secure Checkout

PayPal / MasterCard / Visa