【问题标题】:In Carrierwave, how to compress images for Google PageSpeed在 Carrierwave 中,如何为 Google PageSpeed 压缩图像
【发布时间】:2017-01-22 01:23:13
【问题描述】:

当我使用 Google PageSpeed 时,我被告知我需要压缩我的图片。示例:

Compressing https://xxx.s3.amazonaws.com/xxxx.jpg could save 33.2KiB (66% reduction).

我不确定如何让 Google 满意。在 Carrierwave 中,我有以下设置:

version :thumb do
  process resize_to_fill: [340, 260]
  process :quality => 86
end

如果我将处理质量改为 86 以外的任何值,图像看起来就不那么好了。我是否缺少其他一些设置/技巧来压缩图像以使 Google PageSpeed 满意并帮助我的网站快速加载?

【问题讨论】:

    标签: ruby-on-rails ruby-on-rails-4 carrierwave pagespeed


    【解决方案1】:

    我没试过resize_to_limithelper,可能对你有帮助:

    process :resize_to_limit => [340, 260]
    

    它会调整图像的大小以适应指定的尺寸,同时 保留原来的纵横比。如果它只会调整图像大小 大于指定的尺寸。

    您可以执行多种图像优化方法。桌面和在线。对于桌面,我建议使用JPEGOPTIM 实用程序来优化 jpeg 文件。

    提供无损优化(基于优化霍夫曼 表)和基于设置最高质量的“有损”优化 因素。

    如果你在 Linux 上,从你的终端安装它:

    sudo apt-get install jpegoptim
    

    然后转到图像所在的文件夹并检查它的第一个大小:

    du -sh photo.jpg
    

    然后运行下面的命令来优化它:

    jpegoptim photo.jpg
    

    您将看到输出。

    您也可以将给定的图像压缩到特定的大小,但它 禁用无损优化

    您还可以使用以下命令批量优化图像:

    jpegoptim *.JPG
    

    另一种桌面方式是使用 PS 或 GIMP 手动进行基本优化。包括裁剪不必要的空间、将颜色深度降低到可接受的最低水平、删除图像 cmets 和(Save for web 选项)

    您也可以使用在线解决方案。有很多,我建议例如这些:

    https://tinypng.com

    https://kraken.io

    还有一种 WebP 格式(developed by Google)Chrome & Opera 支持,但 Firefox 不支持,所以基本上需要根据发送的 HTTP Accept 标头有条件地提供图像能够显示这种格式的浏览器。如果您选择 WebP 格式,请检查此Blog,您可以使用一个 gem。 (导轨 4)

    希望对你有帮助

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-02-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多