Question

我正在为图像优化问题寻找终极的最终解决方案。我的目标是在分析我的网站时不使用Google PageSpeed Insight工具发表评论。我知道你可以点击工具提供的“下载优化图像...”链接的技巧，当你有未经优化的图像，但我正在寻找一个wordpress web开发人员的终极解决方案，我上传到的每个图像媒体将针对Google标准100％优化，没有问题，没有顾虑。如果真的能够完成这项任务，我也准备支付高级插件。
我已经尝试过：
- tinypng / tinyjpg
- wp-smushit
他们不讨好神。

Answer 1

您可以安装WordPress Smush图像插件，在上传新图像时优化图像，对于当前图像，您必须手动执行此操作。

有一个

Answer 2

因此，实现起来并不容易。 2017年9月，Google Pagespeed改变了游戏规则。现在他们希望所有图像都小于webp q75 + 10％。如果使用jpeg压缩图像以实现如此小的文件大小 - 您将获得可怕的伪像。所以现在除了使用webp图像之外别无他法。

目前只有Chrome和Opera支持网络图片。因此，您无法将所有图片转换为webp。您应该使用双文件系统。为每个图像创建两个文件（包括缩略图），并将webp图像提供给webp浏览器，将非webp图像提供给非webp浏览器。这可以通过mod_rewrite完成。 .htaccess中的以下代码将执行此操作：

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_URI} .*(jpe?g|png|gif)$
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
RewriteRule (.*) $1.webp [T=image/webp,E=accept:1]
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>
AddType image/webp .webp

有两种方法可以在Wordpress网站中生成webp重复项。

使用商业插件，如WP Smush，EWWW Image优化器。他们晚餐很酷，但你需要付钱。
使用免费插件。他们中的大多数都希望在您的服务器中安装图像编码器。我发现只有一个免费的插件，不需要在服务器上安装编码器。它是Opti MozJpeg Guetzli WebP。但它希望在您的计算机中安装编码器。它通过ssh工作。您可以在计算机中运行带有linux和编码器的虚拟机（可以从插件的主页下载），并通过ssh将此插件连接到虚拟机。有点棘手。但它对我有用。

Answer 3

我尝试了很多，但是ImageOptim是优秀且免费的。

如果您使用 Mac ，请使用ImageOptim - ＆gt; source

https://imageoptim.com/mac - JPEG压缩器，可生成更小，质量更高的文件。 Web界面适用于任何系统。

对于 Windows ，您可以尝试以下。

Online interface - 支持多种文件格式，以及它的免费和开源。

FileOptimizer - 有损PNG压缩器。它有一些与Windows兼容的GUI应用程序和Photoshop插件。

在本地优化图像后，将其上传到服务器。

Answer 4

有这项服务https://piio.co，它会根据原始图片自动执行您需要做的所有事情。

集成非常简单，您只需将<img src="image.jpg" />更改为<img data-piio="image.jpg />并在HTML中包含JS库。你不需要运行一个cron-job或任何东西来调整和压缩你的图像，Piio会自动为你做这件事。

图书馆还会根据用户设备自动调整每个屏幕尺寸的图像尺寸，因此您不必自己为同一图像生成多种格式。

文档位于https://piio.co/docs

希望这让众神高兴！

终极图像优化解决方案

4 个答案: