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 

 

cwebp 변환 결과

화면상에는 별차이가 없이 보이나 확대해 보면 픽셀이 뭉게져 있는것을 확인할 수 있다.

 

 

디렉토리내 png 파일 한번에 변경 

 

# find ./ -name "*.png" -exec cwebp -q 100 {} -o {}.webp \;

 

 

HTML 적용

 

<picture>

<source srcset="1.png.webp" type="image/webp"/>

<img src="1.png"/>

</picture>

 

 

적용결과

 

webp 적용 전

webp 적용 후

 

 

 

 

2020/08/01 - [분류 전체보기] - WebP 지원 브라우저, WebP 변환하기

WebP 지원 브라우저, WebP 변환하기