WEBP 확장자는 Web과 Pocture가 합쳐진 확장자 명이며 2010년 구글에서 PNG, JPG 등 기존 이미지 포맷을 웹 효율적으로 사용하기 위해 만들어진 포맷입니다. 용량은 기존 이미지 포맷 보다 훨씬 작지만 용량이 작아진 만큼 품질도 나빠지는 것은 아니기 때문에 변환해서 사용해야 합니다.
WEBP 플러그인 다운로드
Step 1. 포토샵에서 기본으로 설치 했을 경우 WEBP 확장자를 읽어오지 못 합니다. 플러그인이 설치되어 있어야만 읽기, 쓰기 등 다양하게 사용할 수 있기 때문에 플러그인을 다운로드를 먼저 받습니다. 아래의 링크를 눌러 어도비 홈페이지로 접속 합니다.
Step 2. 직접 다운로드 링크에서 사용자 맞게 Windows 또는 Mac OS를 다운받습니다.
Step 3. 다운받은 설치 파일을 아래의 경로로 가지고 갑니다.
- Windows
설치 경로 : C:\Program Files\Common Files\Adobe\Plug-Ins\CC - Mac 기준
/Library/Application Support/Adobe/Plug-Ins/CC
포토샵 실행 및 저장
Step 1. 포토샵을 실행하고 저장버튼(Ctrl+S or Crtl + Shift + S) 을 누릅니다. WebPShop (*.WEBP.*, WEBP) 생겼는 모습을 볼 수 있습니다. 선택하고 저장 눌러 주세요.
Step 2. WEBP 설정 창이 나오는데 기본값으로 해도 용량은 줄고 퀄리티는 괜찮으니 Default로 하고 OK 선택하면 원하는 경로에 WEBP 확장자로 저장된 모습을 볼 수 있습니다.
마무리
블로그를 작성할 때 사진은 JPG로 워드프레스를 운영하고 있었으나 WEBP로 최근에 변환해서 사용하고 있습니다. SEO관련해서는 조금 더 해봐야 하겠지만 분위기 탓인지 모르겠지만 체감으로는 조금 빠르다는 느낌은 받습니다. 기존에 그림도 마음 같아서는 다 변경하고 싶지만 그것은 무리가 있다고 판단하여 업데이트 하는 글만 이미지를 WEBP로 변환하여 사용하려고 합니다.
포토샵이 없다면 어쩔 수 없지만 포토샵을 가지고 있다면 포토샵을 통해서 변환하시길 바랍니다. 변환 사이트에서 변환을 하게 되면 변환 대상 파일이 상대 서버에 업로드가 되는 것이고 그것을 변환하기 때문에 업로드 된 파일은 상대방 서버에 지워지지 않고 남기 때문에 조심해야 합니다. 그렇기 때문에 포토샵에서 플러그인을 다운해서 이용하세요.