2017-01-22 55 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)

我希望它有幫助,

相關問題