이제 webp를 써야 하는 이유와 품질
써도 되는 이유는 웹브라우저는 대체로 크롬계열과 파이어폭스 모두 지원을 한지 오래되었고 webp 또한 이제 많이 알려져 있어 거의 대부분의 프로그램에서 지원을 하고 있습니다. 만약 지원을 하고 있지 않다면 업그레이드가 최소 몇년 동안은 이뤄지지 않고 있거나 심각한 문제의 회사일 가능성이 높습니다.
* webp의 특징은
- webp는 png와 jpg를 혼용한 것이라 생각해도 좋습니다.
- png보다 적은 용량을 가집니다.
- jpg보다 적은 용량을 가집니다.
아래는 같은 이미지에 대한 용량을 볼 수 있습니다.
-rw-r--r-- 1 root root 89838 5월 14 07:45 1.jpg
-rw-r--r-- 1 1024 users 18217 5월 12 22:19 1.png
-rw-r--r-- 1 root root 15590 5월 14 07:48 1.webp
-rw-r--r-- 1 root root 91490 5월 14 07:45 2.jpg
-rw-r--r-- 1 1024 users 18198 5월 12 22:19 2.png
-rw-r--r-- 1 root root 15382 5월 14 07:48 2.webp
-rw-r--r-- 1 root root 79367 5월 14 07:45 3.jpg
-rw-r--r-- 1 1024 users 13712 5월 12 22:19 3.png
-rw-r--r-- 1 root root 11136 5월 14 07:48 3.webp
용량 차이를 확인하게 알 수 있습니다. 트루컬러의 jpg 같은 경우 통상 20% 전후로 더 좋은 성능을 나타냅니다.
이미지의 품질에 있어서는 미세하게 차이가 있기는 하지만 쉽게 알아보기 힘들며 webp도 옵션에 따른 품질을 주는 방법을 가지고 있습니다.
혹시 jpg가 항상 압축율이 png 보다 좋다고 생각할 수 있는데 그렇지 않습니다. 일러스터 같은 단색 이미지의 경우는 jpg보다 png가 더 적은 용량을 차지 합니다.
트루컬러의 경우는 jpg가 용량을 더 작게 가져갑니다.
webp는 이 두가지의 특성을 모두 가지고 있어 적은 용량으로 서비스가 가능하여 큰 잇점 있습니다.
