2017-01-22 31 views
1

当我使用谷歌的PageSpeed,我被告知我需要压缩我的图片。例如:Carrierwave,如何压缩图片为谷歌的PageSpeed

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

我不知道如何让谷歌这里很开心......在Carrierwave,我有以下设置:

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

如果我的过程中的质量转移到比86等什么,图像看起来不太好。是否有一些其他的设置/技巧我错过了以使Google PageSpeed快乐并帮助我的网站加载速度快的方式压缩图像?

感谢

回答

0

我没试过resize_to_limit帮手,它可以帮助你:

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手动执行基本优化。包括裁剪不必要的空间,将色彩深度降低到最低可接受的级别,删除图像注释和(另存为网络选项)

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

https://tinypng.com

https://kraken.io

也有一个的WebP格式(developed by Google)铬&歌剧支持它,但Firefox不支持它,所以基本上需要基于由能够显示这种格式的浏览器发送的HTTP Accept报头有条件地提供图像。如果您选择WebP格式,请检查此Blog,这里有一个您可以使用的宝石。 (Rails 4)

我希望它有帮助,

相关问题