Question

每当我运行pagespeed测试时，它都可以以字节为单位优化图像。百分比，如压缩和调整大小https://example.com/ ... ts / AMP.jpg？6750368613317441460可以节省530KiB（减少91％）。

压缩https://example.com/ ... AMP.png？12287830358450898504可以节省4.4KiB（减少31％）。

我正在使用ImageMagick来压缩图像。

我为png图片和

尝试了convert AMP.gif_or_png -strip [-alpha Remove] OUTPUT.png

 convert INPUT.jpg -sampling-factor 4:2:0 -strip [-quality 85] [-interlace JPEG] [-colorspace RGB] OUTPUT.jpg

对于jpg图像，但上述命令都没有给我与google pagespeed建议相同的减少量。所以，如果我缺少任何参数或者我传递了错误的参数值，请告诉我。

压缩内容包可在google pagespeed页面上找到，但是，我想使用ImageMagick压缩图像或任何其他来源。

Answer 1

如果您正在寻找商业工具，可以使用JPEGmini。如果您打算使用Grunt任务运行器，也可以使用imagemin。您还可以使用imagemin提供的命令行工具，例如jpeg-tran和opti-png，它们也是开源的。

Answer 2

可能是，没有可用于动态执行任务的工具，您应该进行一些计算，或者如果您使用任何语言执行任务，那么有许多内置类可用，因此您可以使用这些类来压缩图像，例如在java Imagescalr，Thumbnail或ImageWriteParam中，你也可以使用Matlab。

Answer 3

压缩和调整大小https://example.com/ ... ts / AMP.jpg？6750368613317441460可以节省530KiB（减少91％）。

530 KiB减少相当多。验证图片大小是否一致。我的意思是，如果你有一个400x200的图像并且你以200x100的速度显示它，那么以正确的分辨率（或分辨率）提供它可能是PageSpeed所追求的。

对于PNG图像，通常可以进行色彩还原：如果您有12色图像（例如原理图），则使用24位，8位或4位格式会产生显着差异，而在一旦人们看到它就会看到什么。好的呼叫删除了不需要的alpha通道。

您可以使用pngopt，pngcrush或advpng等工具完成其余工作。 JPEG质量参数或合适的工具（tinyjpg或google＆＃39; JPEG压缩优化器＆＃39;）可用于改善JPEG大小。有些工具能够有选择地编码图像的不同区域，或者重写PNG调色板以利用zLib压缩功能。

JPEG的另一种可能性是使用渐进式格式，它允许快速显示原始图像，并迭代地对其进行细化。更多的整体带宽，但更多的明显的速度（更少的浏览器支持;检查出来）。

使用ImageMagick完成任何操作都不是自动的 - 毕竟，ImageMagick不是直接使用文件操作，而是使用图像操作。很可能它的文件压缩功能不像其他工具那样完整或高级。

。

Answer 4

您可以从该页面下载压缩包，并根据自己的喜好优化图像和代码......这几乎是最佳的图像压缩效果。

Answer 5

我会推荐thumbor.org。它是一个开源映像服务，您可以在Amazon Elastic Beanstalk上开始使用docker容器。它有一些非常好的功能，如智能裁剪和人脸检测。

要启动它，只需使用docker作为预定义配置创建弹性beanstalk环境。然后，在应用程序版本选项卡中提供包含以下内容的JSON文件。

{
  "AWSEBDockerrunVersion": "1",
  "Image": {
    "Name": "apsl/thumbor"
  },
 "Ports": [
    {
      "ContainerPort": "8000"
    }
  ]
}

然后，您可以使用弹性beanstalk环境变量配置thumbor。要优化JPG，您应该添加jpegtran优化器。

优化= [＆＃39; thumbor.optimizers.jpegtran＆＃39;]

我们在Storyblok.com上使用它来优化图片，Google Pagespeed对结果感到满意：https://www.storyblok.com/docs/Guides/how-to-resize-images