Carrierwave, Google PageSpeed ​​용 이미지 압축 방법 Google PageSpeed를 사용할 때

Question

이미지를 압축해야한다고 들었습니다. 예 :

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를 행복하게 만들고 내 사이트로드를 빠르게하는 데 도움이되는 방법으로 이미지를 압축하기 위해 놓친 다른 설정/트릭이 있습니까? 당신에게 도움이 될 수

감사

Answer 1

내가 resize_to_limit 도우미를 시도하지 않은 : 원래 가로 세로 비율을 유지하면서 지정된 크기에 맞도록 이미지 크기를 조정합니다

process :resize_to_limit => [340, 260] 

. 이 지정된 크기보다 큰 경우 이미지의 크기 만 조정합니다.

수행 할 수있는 이미지 최적화에는 몇 가지 방법이 있습니다. 데스크톱 및 온라인. 데스크톱의 경우 JPEGOPTIM 유틸리티를 사용하여 jpeg 파일을 최적화하는 것이 좋습니다.

무손실 (하프 맨 테이블을 최적화 기준) 최적화 및 최대 품질을 요소 설정에 따라 "손실"최적화를 제공합니다.

sudo apt-get install jpegoptim 

가 그런 이미지가있는 폴더로 이동하고 그것의 첫 번째 크기를 확인하십시오 : 그 후

du -sh photo.jpg 

을

당신이 리눅스에있는 경우 터미널에서 설치 아래 명령을 실행하여 최적화하십시오 :

jpegoptim photo.jpg 

결과가 표시됩니다.

은 또한에 특정 크기에 지정된 이미지를 압축 할 수 있지만, 는 무손실 최적화을 사용할 수 없습니다.

이 명령과 함께 일괄 적으로 이미지를 최적화 할 수 있습니다

jpegoptim *.JPG 

또 다른 데스크탑 방법은 PS 또는 김프에서 수동으로 기본 최적화를하는 것입니다. 불필요한 공간을 자르고, 색 깊이를 허용 가능한 최저 수준으로 줄이고, 이미지 설명을 제거하고 (웹 저장 옵션)

온라인 솔루션도 사용할 수 있습니다.(developed by Google) 크롬 & 오페라,이를 지원

https://tinypng.com

https://kraken.io

또한 WebP 형식 형식이 있지만 파이어 폭스는 지원되지 않습니다 그들의 많음이있다, 나는 예를 들어 이러한 것들을 제안 , 기본적으로 이미지는이 형식을 표시 할 수있는 브라우저가 보낸 HTTP 수락 헤더를 기반으로 조건부로 제공해야합니다. WebP 형식을 선택하는 경우에 대비하여 Blog을 확인하십시오. 사용할 수있는 보석이 있습니다. (레일 4)

도움이되기를 바랍니다.