WebP란 무엇인가 - WebP 확장자 PNG로 저장하기(feat. Google Play Store)

이미지 확장자 .webp

WebP란 무엇인가?

WebP는 Google이 2010년에 발표한 새로운 이미지 포맷으로 웹 이미지에 대해 뛰어난 손실/무손실 압축을 제공하는 최신 이미지 형식이다.

WebP 무손실 이미지는 PNG에 비해 크기가 26% 작다. WebP 손실 이미지는 동등한 SSIM 품질 지수에서 비슷한 JPEG 이미지보다 25-34% 작다.

무손실 WebP는 22%의 추가적인 바이트로 투명도(알파 채널)를 지원한다. 손실 RGB 압축이 허용되는 경우에도 손실 WebP는 일반적으로 PNG에 비해 3배 더 작은 파일 크기로도 투명도를 지원한다.

 

Google Play Store .webp 이미지 PNG로 저장하는 방법

예시를 들어 테스트를 진행해보자. 아래의 주소에 접속해보자.

https://play.google.com/store/apps/details?id=com.instagram.android

Instagram - Google Play 앱

유명한 Instagram의 Google Play 페이지이다.

Google Play Store Instagram 페이지

웹으로 접속한 화면이다. 이제 보이는 이미지 중에 적당한 것 아무거나 마우스 우클릭을 해본다.

Google Play Store 사진 마우스 우클릭 컨텍스트 메뉴

이미지를 다른 이름으로 저장하기를 눌러보자.

webp 확장자로 저장하는 모습

이렇게 webp로 저장해도 되지만 흔한 PNG 포맷으로 저장하고 싶다면 어떻게 하면 좋을까? 방법은 여러개가 있는데 하나씩 소개해보겠다.

1. 아까 보인 우클릭 메뉴에서 이미지 주소 복사를 클릭한다. 주소를 변경하여 다시 저장한다.

주소가 lh3.googleusercontent.com/CUXb88taC5DLz63LF7eRYApkwXJOsVYpfovZqOHkeH94ZcpOnBuiOlXj8R5Tb4KjkA=w720-h310-rw 이런식인데 여기서 맨 뒤의 '-rw'를 제거해보자. lh3.googleusercontent.com/CUXb88taC5DLz63LF7eRYApkwXJOsVYpfovZqOHkeH94ZcpOnBuiOlXj8R5Tb4KjkA=w720-h310

이렇게 바뀐 링크에서 마우스 우클릭을 하면 아래와 같이 뜰 것이다.

PNG로 저장이 가능해졌다.

2. webp로 저장한뒤 convertor를 이용한다.

Google이 개발한 포맷인만큼 구글에서 직접 제공하는 convertor를 사용하면 된다. 여기서는 Windows링크를 첨부한다. 다양한 OS 지원에 대해서 알아보고 싶으면 이곳을 클릭하자.

storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-1.1.0-windows-x64.zip

해당 압축을 해제한뒤 dwebp라는 convertor를 이용하여 아래와 같이 명령어를 입력하면 PNG로 변환할 수 있다.

PowerShell에서 webp를 png로 변환한 모습

용법은 아래와 같은 방식이니 경로에 맞게 OS에 맞게 고쳐 쓰면 된다.

.\dwebp.exe C:\Users\sark\Pictures\unnamed.webp -o C:\Users\sark\Pictures\unnamed.png

가장 쉬운 방법은 마지막 방법이다.

3. Chrome 웹 스토어의 Save image as Type 앱 사용

Save image as Type

chrome 웹 스토어에서 찾아본 모습이다. 사용자가 50,000명 정도라서 많이 쓰이는 앱인지는 잘 모르겠으나 사용해보니 상당히 편한 것 같다. 사용방법이 매우 단순하다.

Save image as Type을 통한 저장하기 메뉴

해당 앱을 활성화 한뒤에 앞에서 했던 그림에서 마우스 우클릭을 하면 바로 PNG로 저장이 가능하다. 심지어 JPG로도 바로 되니까 매우 편리하다. 주소는 아래와 같다.

https://chrome.google.com/webstore/detail/save-image-as-type/gabfmnliflodkdafenbcpjdlppllnemd/related?hl=ko

Save image as Type

 

여기까지 WebP 확장자에 대해서 간단하게 알아보았고, PNG로 저장할 수 있는 세가지 방법에 대해서 알아보았다. webp가 뭐지? 하며 혹시나 당황한 사용자들이 있다면 도움이 되었길 바란다.

 

References

1. developers.google.com/speed/webp

A new image format for the Web  |  WebP  |  Google Developers