WebP 이미지 형식을 여는 두 가지 해결책

WebP(웹피)는 2010년 9월 30일 구글이 공개한 웹 용 이미지 포맷으로 무손실 및 손실 압축을 제공한다.
핀터레스트와 같은 사이트에서 파일을 받아보면 이 형식이 많다. 
그동안 GIF, JPG가 주로 사용되었고 그 후 이를 대체한다고 PNG가 가세했다. 하지만 기대를 걸었던 PNG도 24bit 풀컬러에서는 파일 크기가 작지만은 않아 웹에서 사용할 때 부담이 있다. 이와 같은 문제는 누구나 체감하고 있는터라 이를 대체하고자 이번에 나온 것이 WebP인 것이다.

WebP가 나왔지만 내가 사용하는 툴에는 아직 이 형식의 이미지를 읽지 못한다. 나름대로 사용하고 있는 두 가지 방법이 있는데 둘 다 사용하고 있다.

 

WebP를 두 가지 방법

1. 크롬 브라우저에 확장 프로그램을 설치하는 방법
2. 포토샵과 같은 프로그램에 플러그인을 설치하는 방법

첫 번째 방법 : 크롬 확장 프로그램은 https://chrome.google.com/webstore/detail/save-image-as-png/nkokmeaibnajheohncaamjggkanfbphi?utm_source=chrome-app-launcher-info-dialog 에서 받을 수 있다.

1. 설치 방법은 다른 것과 동일하게 우측 상단에서 크롬에 추가를 누르면 그것이 끝이다.
2. 사용방법은 웹에서 WebP 이미지 위에 마우스 커서를 올리고 마우스 오른쪽 버튼을 눌러 Webp형식으로 저장하면 끝.

마우스 오른쪽 버튼을 눌러 Webp형식으로 저장한다.

두 번째 방법 : 포토샵 확장 프로그램을 다운로드한 후  압축 파일을 풀어서 32bit 또는 64bit 파일 중에서 선택한 후 복사하여 포토샵 플러그인 폴더에 붙여 넣기 하면 끝.

WebPFormat.zip

0.69MB

붙여넣기 위치 예시 참고 : C:\Program Files\Adobe\Adobe Photoshop CC 2018\Required\Plug-ins\File Formats

 

1. 32, 64를 구분하는 방법은 윈도우 바탕화면 > 내 PC > 마우스 우클릭 > 속성 > 시스템 종류를 확인하고 같은 종류를 설치하면 된다.

윈도우 바탕화면 > 내 PC > 마우스 우클릭 > 속성 > 시스템 종류를 확인하고 같은 종류를 설치한다.

포맷의 압축률

• 나무위키에 따르면 (https://namu.wiki/w/WebP)
  손실 압축을 사용할 경우 JPEG 포맷보다 30% 정도 파일 크기가 작다고 홈페이지 링크를 소개하고 있다.  샘플 갤러리 링크 
• 비손실 압축을 사용할 경우도 PNG 포맷보다 20~30% 정도 파일 크기가 작아진다고 홈페이지 링크를  소개하고 있다. 샘플 갤러리 링크
  
  압축에 사용되는 기술은 유튜브 영상에 사용하는 "WebM"을 기반으로 하고 있으면 해당 코덱은 "VP8"을 사용한다.  배경이 투명한 알파채널을 지원하고 압축율도 설정할 수 있다.

JPG와 손실압축 비교 예시 :  : webP 샘플 갤러리 사이트 캡처

PNG와 비압축 비교 예시 : WebP 샘플 갤러리 사이트 캡처