首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >最终图像优化解决方案

最终图像优化解决方案
EN

Stack Overflow用户
提问于 2017-12-06 15:44:30
回答 3查看 374关注 0票数 1

我正在寻找一个最终的,最终的解决方案的图像优化问题。我的目标是在分析我的网站时不从Google PageSpeed Insight工具获得任何评论。我知道你可以点击“下载优化图像...”的窍门。当你有未优化的图像时,该工具提供的链接,但我正在寻找一个wordpress网络开发人员的最终解决方案,我上传到媒体的每个图像将100%优化为谷歌的标准,没有问题,没有问题。我也准备好支付一个溢价插件,如果它真的做的工作。

我已经试过了:

EN

回答 3

Stack Overflow用户

发布于 2017-12-06 19:47:43

有一个

票数 0
EN

Stack Overflow用户

发布于 2018-01-04 01:56:49

因此,这并不是那么容易实现的。在2017年9月,Google Pagespeed改变了游戏规则。现在,他们希望所有图像都比webp q75 + 10%更小。如果你用jpeg压缩你的图像以达到如此小的文件大小,你会得到可怕的伪像。因此,现在除了使用webp图像之外,没有其他方法。

目前只有Chrome和Opera支持webp图片。所以你不能把你所有的图片都转换成webp。你应该使用双文件系统。为每个图像(包括缩略图)创建两个文件,并将webp图像提供给webp浏览器,将非webp图像提供给非webp浏览器。这可以通过mod_rewrite来完成。下面的.htaccess代码可以做到这一点:

代码语言:javascript
复制
<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副本。

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

Stack Overflow用户

发布于 2018-01-11 03:07:57

我试过很多次,但ImageOptim one很棒,而且免费。

如果您使用的是Mac,请使用ImageOptim --> https://imageoptim.com/mac

Online interface -一种可生成较小、较高质量文件的JPEG压缩器。web界面适用于任何系统。

对于Windows,你可以在下面尝试一下。

FileOptimizer -支持多种文件格式,并且是免费和开源的。

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

在本地优化图像后,将这些图像上传到您的服务器。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47669239

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档