구글의 새로운 이미지 포맷 WebP(웹피)

2010년 디지털데일리 기사

  사람들의 검색을 책임지는 구글의 검색서비스는 사용자에게 빠르게 정보를 전달해야만 합니다. 그런데 구글이 지난 수년간 검색서비스를 제공하면서 얻어낸 데이터를 통해 문제점을 하나 공표했습니다. 바로 웹사이트의 이미지로 인한 로딩시간 증가 및 속도저하 문제입니다. 그 문제를 해결하고자 구글은 "On2 테크놀러지스"의 기술을 구매해 WebP를 개발했습니다. WebP는 무손실과 손실을 모두 지원하는 이미지 포맷으로 크롬 및 파이어폭스 기반 웹브라우징에서 JPEG를 대체하기 위한 규격이다. 이를 통해 구글이 원하는 트래픽 감소 및 로딩속도 단축 등의 효과를 얻어내고 있습니다.

 

구글 WebP 로고

왜 구글은 이미지 포맷을 만들었을까?

  구글의 주요 수입원은 광고입니다. 유튜브 이전엔 블로그와 검색기반 광고를 통해 수익을 얻었기 때문에 광고를 게재할 사이트, 즉 블로그나 웹사이트의 로딩속도 및 트래픽은 구글에게 있어 상당히 중요했습니다. 적은 트래픽과 빠른 로딩속도는 광고를 좀 더 효과적이고 빠르게 사용자들에게 보여지게 할 수 있기 때문이었죠. WebP와 함께 크롬에서 지원되는 동영상 포맷 WebM도 같은 맥락에서 구글의 의도를 파악할 수 있습니다.

 

동일품질의 JPEG에 비해 WebP는 30%정도 적은 용량을 차지합니다.

현재의 단점 : 포토샵 미지원 (플러그인 지원)

  일반적으로 WebP 이미지는 크롬 기반 웹브라우저 용으로 많이 사용되며, 변환을 통해 JPEG 또는 PNG 형식으로 변환이 가능합니다. 아울러 일반적으로 어도비 포토샵에서는 WebP를 지원하지 않습니다. 개별적으로 플러그인을 설치해야만 WebP 사용이 가능합니다. (포토샵 WebP 플러그 인은 아래 첨부파일을 참조하세요.)

 

WebPFormat(photoshop).zip

0.67MB

 

  위 플러그인은 포토샵에서 WebP를 사용하기 위한 플러그인입니다. 최초 포토샵 설치시 32Bit으로 설치했는지, 64Bit으로 설치했는지 확인하시어 32Bit 설치했을 시 WebPFormat.8bi를 이용하고, 64Bit로 설치했을 경우, WebPFormat64/8bi를 설치하셔야 합니다. 설치경로는 아래 경로에 복사 및 붙여넣기 하시면 됩니다.

64비트 : C:\Program Files\Adobe\Adobe Photoshop\Plug-ins
32비트 : C:\Program Files(x86)\Adobe\Adobe Photoshop\Plug-ins

 

구글이 좋아하는 크롬기반 이미지 포맷 WebP

  크롬에서 웹사이트를 평가할 때 쓰이는 크롬 Light House에서는 새로운 규격의 가벼운 이미지 파일을 선호합니다. 보통 웹사이트 접속시에 가장 로딩시간을 잡아먹는 이미지 포맷을 WebP나 최근 세대의 JPEG 타입으로 변경해주길 추천하고, 이를 통해 사이트 접속 속도를 개선할 수 있다고 안내하고 있습니다.

 

네이버의 라이트하우스 퍼포먼스 점수, 하단 Serve images in next-gen formats에 WebP를 추천하고 있습니다.

    혹시라도 WebP를 만나게 된다면, 당황하지 마세요. 새로운 세대의 이미지 규격입니다. 되도록 크롬기반 사이트에서는 WebP로 사용하길 추천드리고, 모바일 친화적인 사이트를 만들길 추천드립니다.