이미지 수동 최적화

구글 페이지스피드 도구의 가치를 높이려면 80%는 이미지 최적화를 해야 한다.

I. 스쿠시

매우 작은 웹사이트/랜딩이 있는 경우에 이상적입니다. 하나의 이미지만 업로드하면 squoosh가 크기를 조정합니다. 많은 설정이 있지만 표준 설정이면 충분합니다.

II. TinyPNG

Tinypng에는 API, 포토샵용 플러그인 및 다양한 CMS용 모듈이 있지만 사이트에 대해 이야기하겠습니다.

무료 요금제는 한 번에 20개 이하의 이미지를 업로드할 수 있습니다. 그리고 수백 장의 이미지를 짜낼 필요가 없다면 이 서비스를 이용할 수 있습니다. 비율 : 품질 → 크기가 매우 좋습니다.

III. Jpegoptim 및 OptiPNG

이들은 이미 콘솔 유틸리티입니다. 이전 변형보다 압축률이 훨씬 낮지만 품질 손실 없이 여러 파일에 대해 보장됩니다.

jpegoptim:

jpegoptim *.jp*g

선택:

optipng *.png

모든 하위 폴더의 모든 파일에 대해 이 작업을 수행할 수 있습니다.

find -type f -name "*.jpg" -exec jpegoptim --strip-all {} \; ; find -type f -name "*.png" -exec optipng {} \;

파일이 1000개 이상인 경우 이 옵션이 적합합니다. 적어도 시작하기에 좋은 곳입니다.

IV. SVGO

벡터 이미지도 최적화가 필요합니다. 그리고 svgo보다 더 좋은 도구는 없습니다.

svgo --disable='removeViewBox' --enable='removeDimensions' ./

V. SVGOMG

콘솔 유틸리티가 적합하지 않은 경우 좋은 해결책은 이 리소스를 사용하는 것입니다.