Gruntjs 如何优化所有图像？ 诊断

我最近遇到：，它基本上是测试你的页面速度，给出一个分数，并显示导致你的页面变慢的原因

我输入我的url，这里是我的：

---

问题 我的分数显然不高，但我正在努力提高

我遇到了很多图像优化问题。我试过两种方法。 __

1.使用ImageOptim软件 我尝试使用Mac软件优化我

img/

文件夹中的所有图像

---

2.使用grunt imagemin插件 最重要的是，我使用一个构建工具来重新压缩我所有的图像 在我的

img/

文件夹中，将压缩文件存储在

dist/img/

文件夹中

imagemin: {

    dynamic: {

        options: {
            optimizationLevel: 3,
            svgoPlugins: [{ removeViewBox: false }],
            use: [mozjpeg()]
        },

        files: [{
        expand: true,                         // Enable dynamic expansion
        cwd: 'img',                           // Src matches are relative to this path
        src: ['**/**/**/*.{png,jpg,gif,ico}'],         // Actual patterns to match
        dest: 'dist/img'                      // Destination path prefix
    }]
}

---

Imagemin结果 幸运的是，我把所有的104张图片都缩小了

4.11MB

---

复测结果 但遗憾的是，在将我的整个页面重新链接到新的图像目录

dist/img/

之后。我再次测试我的网站，我仍然得到同样的警告图像优化

---

如何解决/改进此问题？ 是因为我将

优化级别：3

设置得太低了吗

有什么方法/想法/策略/更好的解决方案/建议吗

---

非常感谢

我建议您事先使用以下工具之一优化图像：

窗户

• 它使用多种工具使图像尽可能小

JPEG（所有平台）

• （由Mozilla提供）

巴布亚新几内亚（所有平台）

• ，尤其是面向它的web：（小心丢失！）

---

可以考虑使用PigSePED服务器模块。 它们能够自动应用图像优化，从而满足PageSpeed Insights的建议。

---

有关可用性，请参阅和。

使用imagemin没有任何错误

---

问题在于基于css的大小调整。如果img的自然大小为150px，css将其压缩在100px的框中，google希望您将img的大小调整为100px。

下次只需将img文件夹重命名为“img src”，并将imagemin输出到新文件夹“img”中，而不是重命名整个网站的所有img引用。