首页 文章

如何压缩图像,以便google pagespeed test不建议再次压缩该图像?

提问于
浏览
1

每当我运行pagespeed测试时,它都可以像字节和百分比一样优化图像,
压缩和调整大小https://example.com/ ... ts / AMP.jpg?6750368613317441460可以节省530KiB(减少91%) .

压缩https://example.com/ ... AMP.png?12287830358450898504可以节省4.4KiB(减少31%) .

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

我已经尝试了 convert AMP.gif_or_png -strip [-alpha Remove] OUTPUT.png 用于png图像和

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

对于jpg图像,但上述命令都没有给我与谷歌pagespeed建议相同的减少 . 所以,让我知道我是否缺少任何参数或我传递了错误的参数值 .

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

5 回答

  • 3

    如果您正在寻找商业工具,可以使用JPEGmini . 如果要使用Grunt任务运行程序,也可以使用imagemin . 您还可以使用随imagemin提供的命令行工具,例如jpeg-tranopti-png,它们也是开源的 .

  • 1

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

  • 0

    压缩和调整大小https://example.com/...ts/AMP.jpg?6750368613317441460可以节省530KiB(减少91%) .

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

    对于PNG图像,通常可以减少颜色:如果你有12色图像(例如原理图),那么它有24位,8位或4位格式会产生显着差异,而在人们看到的内容中没有任何改变一旦它显示出来 . 不过,好的电话删除了不需要的alpha Channels .

    其余的你可以使用 pngoptpngcrushadvpng 等工具 . JPEG质量参数或合适的工具(tinyjpg或谷歌'JPEG compression optimizer')可用于改善JPEG大小 . 有些工具能够有选择地编码图像的不同区域,或者重写PNG调色板以利用zLib压缩功能 .

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

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

  • 2

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

  • 0

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

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

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

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

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

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

相关问题