WebP(웹피, weppy)는 무손실 및 손실 압축 이미지 파일을 위한 이미지 포맷이다. On2 테크놀러지스의 기술을 구매하여, 그것을 기반으로 구글이 개발하여, 2010년 9월 30일 공개하였다. 영상 포맷인 VP8의 파생으로, 멀티미디어를 담는 포맷인 WebM의 자매 프로젝트이다. <위키>
WebP 파일이란? 웹에 대한 새로운 이미지 형식
위의 글을 읽어 보면 알수 있듯이 JPEG포멧은 너무 오래 되어서 구글에서 새롭게 발표된 포멧으로 기존의 JPEG보다 약 30% 크기를 줄일수 있다고 합니다.
이미지 품질은 비슷하지만 용량이 작다는 것은 저처럼 블로그 작업하는 분들에게는 좋은 정보 같습니다. 이미지를 줄인다는 것은 웹페이지 로딩 속도를 줄여주는 것으로 전반적인 속도 향상을 줄수 있습니다.
1. 파일변환 - 사이트로 변환하기
간단하면서도 웹만 있다면 변환이 가능하기 때문에 좋은 점이 있고, 또한 버전업이나 기타 기능들을 사이트내에서 해주기 때문에 이 점에 대해서도 이로운것 같습니다. 기타 다른 확장자로도 변환이 가능한 사이트 입니다.
사이트 이동
Convert image to PNG, JPG
사이트 설명은 밑의 펼침 메뉴를 클릭하세요.
2. 파일변환 - 구글제공 툴을 이용
구글에서 만들어서 그런지 이 사이트에 가보시면 변환도구들을 다운로드 할수 있습니다. 다운로드를 해서 해본 결과 엣날 DOS시절이나 리눅스를 하실 수 있다면 쉽게 할수 있게 되어 있더군요.
다운로드는...
https://developers.google.com/speed/webp/download
저에게 필요한 것은 변환이기에 알아야 하는 파일은 'cwebp, dwebp' 이고 밑의 다운로드를 하면 압축파일이 되어 다운 됩니다.
압축을 적당한 곳에 풀어 주시고 그 /bin/폴더 안에 파일들이 있습니다.
보통이미지 파일을 Webp파일로 만들려면 cwebp파일을 사용하시고,
Webp이미지를 JPG나 PNG파일로 변환할려면 dwebp파일로 하시면 됩니다.
예를 들어
cwebp - 이미지파일을 WebP로 변환
개요
cwebp [options] input_file -o output_file.webp
나머지 옵션은 https://developers.google.com/speed/webp/docs/cwebp 으로...
위의 스샷에서 보듯이 PNG (9.72KB)에서 WebP (1.47KB)로 변환된 것을 볼수 있습니다.
몇%는 머리 아프고요. 많은 부분을 줄였다고 보입니다.
dwebp - WebP을 이미지파일로 변환
개요
dwebp in_file [options] [-o out_file]
나머지 옵션은 https://developers.google.com/speed/webp/docs/dwebp 으로...
우선 해보았지만 되지 않아서 <-o out_file>를 적어 보기로 했습니다.
실험해 본 결과 약간의 크기가 더 커지는 것을 보입니다. 약간이지만 많은 파일일 경우에는 어떨지 모르겠습니다.
나머지는 'vwebp -- WebP file viewer' 정도 보이고 나머지는 모르겠습니다. 뭐 여기는 변환포스트니까 이부분은 생략하겠습니다.
3. 파일변환 - 크롬 '확장 프로그램'으로 변환하기
구글에서 만들고 크롬에서 최적이라고 생각 해서인지 확장 프로그램이 많이 있군요. 그중에서 'Save Image As PNG'프로그램을 추천 많이 하더군요.
Save Image As PNG
크롬 ... 메뉴 > 도구 더보기 > 확장 프로그램(E) 에서 WebP를 검색하시면 됩니다.
이름에서 보이듯이 PNG파일로 저장한다는 것입니다.
설치를 하면 오른쪽 상단에 아이콘이 보인다.여러 설명 보다 이 프로그램에 스샷 하나로 설명을 다 할수 있습니다.
위의 그림처럼 이미지 위의 마우스 오른쪽을 누르면 PNG파일로 저장할것인지 메뉴가 보이고 클릭시 PNG로 저장이 됩니다.
끝으로
앞으로 모바일이나 기타 브라우져도 이 형식을 이용하고 점점더 나아가 JPEG2000처럼 많은 정보는 가지지 못하지만 상대적으로 가벼운 포멧으로 오히려 더 좋고 최적일수 있습니다. 모바일 웹의 속도와 데이터 전송량이 모두 매우 민감해지고 있는 상황인 것에 따라서 동일 품질에서 용량이 적은 WebP가 JPEG의 대안으로 부각될 가능성은 충분할 가치가 있다고 생각합니다. (개인적인 생각)
