如何压缩图像,以便谷歌页面速度测试不建议再次压缩该图像?



每当我运行PAGESPEED测试时,都可以优化图像字节中的图像&百分比,
压缩和调整https://example.com/所有人/amp.jpg?6750368613317441460可以节省530kib(减少91%(。

压缩https://example.com/…amp.png?122287830358450898504可以节省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压缩图像 或任何其他来源。

如果您正在寻找商业工具,则可以使用jpegmini。如果要使用Grunt Task Runner,也可以使用ImageMin。您还可以使用带有成像蛋白(例如JPEG-Tran和Opti-PNG(的命令行工具,它们也是开源的。

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

压缩和调整https://example.com/所有者/amp.jpg?67503686133174441460可以节省530KIB(减少91%(。

530 KIB减少很多。验证图像大小是一致的。我的意思是,如果您有400x200映像,并且在200x100显示它,那么以正确的分辨率(或分辨率(进行服务可能是PAGESPEED之后的。

对于png图像,通常可以降低颜色:如果您有12个颜色图像(例如示意图(,则以24位,8位或4位格式使用它会产生显着差异,同时不改变任何内容人们看到的一旦展示。良好的通话删除了不需要的alpha频道。

您可以使用pngoptpngcrushadvpng等工具进行的其余操作。JPEG质量参数或合适的工具(TinyJPG或Google'JPEG压缩优化器'(可用于改善JPEG尺寸。有一些工具能够选择性编码图像的不同区域,或重写PNG调色板以利用ZLIB压缩功能。

JPEG的另一种可能性是使用 Progressive 格式,该格式允许快速显示原始图像并迭代地完善它。更多的整体带宽,但更明显的速度(也更少的浏览器支持;查看它(。

可以使用ImageMagick完成任何操作并非自动 - 毕竟,ImageMagick并未直接任务 file 操纵,而是使用 Image> Image 操纵。很可能其文件压缩功能不像其他工具那样完整或高级。

您可以从该页面下载带有图像和代码的压缩套件,并将代码优化为他们的喜好...这几乎是可用的最佳图像压缩。

我会推荐thumbor.org。这是一种开源成像服务,您可以简单地在Amazon Elastic Beanstalk上使用Docker容器。它具有一些非常不错的功能,例如智能裁剪和面部检测。

要启动它,只需用docker创建一个弹性豆虫环境作为预定义的配置。然后,您在"应用程序版本"选项卡中提供一个带有以下内容的JSON文件。

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

然后,您可以使用弹性beanstalk环境变量进行配置。为了优化JPG,您应该添加JPEGTRAN优化器。

优化者= ['thumbor.optimizers.jpegtran']

我们在Storyblok.com上使用它来优化图像,而Google PagesPeed对结果感到满意:https://www.storyblok.com/docs/guides/how-to-to-yresize-imize-images-images

最新更新