포토샵 팁 - 웹피(Webp) 파일 열고 저장하기

간혹 인터넷을 돌아다니다 보면 확장자가 webp인 이미지 파일을 볼 수 있습니다. 용량이 작아서 점점 활용도가 높아지는 추세인데요. 일반 브라우저에서는 보이지만 정작 포토샵에서는 열리지 않아서 당황하시는 분들이 계십니다.

 

일단 webp가 무엇인지 알아보도록 하겠습니다.

WebP(웹피)는 손실/비손실 압축 이미지 파일을 위한 이미지 포맷입니다. On2 테크놀러지스의 기술을 인수하여, 구글이 추가 개발한 후 2010년 9월 30일 공개하였습니다. 영상 포맷인 VP8의 파생으로, 멀티미디어를 담는 포맷인 WebM의 자매 프로젝트라고 할 수 있습니다..

 

인터넷의 웹페이지에서 널리 사용되고 있는 JPEG을 대체하기 위해 제시된 규격이고 웹사이트의 트래픽 감소 및 로딩 속도 단축을 겨냥한 것으로, 주로 사진 이미지 압축 효과가 높은 것으로 알려져 있습니다. JPEG 등과 같은 손실 압축 포맷으로 화질 저하를 최소화 하면서 파일 크기를 축소(같은 품질의 JPEG 이미지의 10 ~ 80 % 정도까지 압축)합니다.

 

또한 JPEG과 동일한 화질의 이미지보다 39.8% 압축률이 개선되었으며, 압축률을 조정할 수 있습니다.

 

이제 Webp를 포토샵에서 사용할 수 있도록 설정해 보겠습니다.

아래 사이트에 들어가시면 포토샵 플러그인을 다운받을 수 있습니다.

 

https://github.com/webmproject/WebPShop/tree/master/bin

 

위 주소에 접속하시면 아래와 같은 화면이 보이는데 이 중에서 본인컴퓨터가 애플제품이면 Mac라는 단어가 들어가 있는 파일을 다운받으시고 윈도우 PC면 아래 두개 중에 한 개를 다운 받으시면 됩니다.

본인 포토샵이 윈도우 64비트용이면 Win_x64로 끝나는 링크를 클릭해 주시고 32비트면 X86을 클릭해 주시면 됩니다. 저는 64비트를 사용하기 때문에 WebPShop_0_2_1_Win_x64 링크를 선택했습니다.

 

Webp 자료실

 

링크를 클릭해서 가다 보면 아래 화면을 볼 수 있습니다. 본인 컴퓨터 환경에 맞는 파일인지 다시 한번 확인한 후 Download 합니다.

 

Webp 다운로드

 

이제 다운받은 파일을 아래경로로 이동 복사해 주시면 됩니다.

C:\Program Files\Adobe\Adobe Photoshop CC 2018\Plug-ins

(개인마다 경로가 상이할 수 있으므로 주의 바랍니다.)

 

 

이제 포토샵을 실행해 보시면 파일 리스트에서 webp파일이 잘보이실 겁니다. 편하게 오픈해서 작업하시면 됩니다. 생각보다 너무 쉽죠?

작업 후 다른이름으로 저장하기를 선택하시면 아래 그림처럼 파일형식에서 Webp를 선택해서 저장할 수도 있습니다.

 

Webp 포맷으로 저장하기

Jpg 저장할 때와 마찬가지로 압축률를 조정해서 이미지의 손실률과 파일사이즈를 조정할 수 있습니다.

 

Webp 저장 옵션

추가로 Webp는 png 포맷처럼 투명도(transparency)를 지원하고 구글크롬, 파이어폭스, 마이크로소프트엣지, 오페라 등의 브라우저를 지원합니다.

하지만 아쉽게도 인터넷익스플로러는 지원하지 않습니다.

 

다음에 또다른 유용한 정보로 돌아오겠습니다. 행복한 하루 되세요~