PageSpeed Insights 결과
이것 때문에 검색결과 상위에 안뜨는건가..--;
차세대 형식 이미지 사용
JPEG 2000, JPEG XR, WebP와 같은 이미지 형식을 사용하면 PNG 또는 JPEG보다 압축률이 높으므로 다운로드 속도가 빠르고 데이터 소비량도 줄어듭니다.
WebP의 경우 구글에서 만든 포멧으로 JPG 대비 30% 정도 용량이 작다고 함, 크롬 점유율이 높으니 WebP로 결정!
WebP 지원 브라우저
일부 브라우저가 WebP를 지원하지 않는다.
IE - X
Safari - 14 부터 지원
WebP 변환툴
https://developers.google.com/speed/webp/docs/using
Getting Started | WebP | Google Developers
Image enthusiasts should use one of the many software products that support WebP. We provide in the libwebp codec distribution a reference implementation for the encoder and decoder applications, cwebp and dwebp respectively, to showcase the available func
developers.google.com
cwebp 설치 및 사용 예
# wget https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-1.1.0.tar.gz
# tar -zxvf libwebp-1.1.0.tar.gz
# cd libwebp-1.1.0
# ./configure
# make
# make install
cwebp -q 50 -lossless picture.png -o picture_lossless.webp
cwebp -q 70 picture_with_alpha.png -o picture_with_alpha.webp
cwebp -sns 70 -f 50 -size 60000 picture.png -o picture.webp
cwebp -o picture.webp -- ---picture.png
2020/08/02 - [분류 전체보기] - WebP 변환, 웹페이지 적용 결과
WebP 변환, 웹페이지 적용 결과
cwebp 변환 png -> webp 결과 #cwebp 1.png -o 1.webp // 기본 압축율 75 #cweb -q 100 1.png -o 1.webp #cweb -lossless -q 100 1.png -o 1.webp 화면상에는 별차이가 없이 보이나 확대해 보면 픽셀이 뭉게져 있..
am0900.tistory.com