WebM WebP 사용하기

WebM과 WebP는 웹의 트래픽 감소를 주 목적으로 구글에서 개발해 오픈소스로 개발/운영되는 새로운 파일형식입니다.
압축률이 높고 파일의 크기가 작아 웹기반의 사이트나 애플리케이션에서 전송속도 개선에도 효과적입니다.
WebM과 WebP는 각각 HTML5 표준의 Video Tag와 Img Tag에서 사용할 수 있으며 대부분의 모던 브라우저에서 지원됩니다.

WebM은 로열티 비용이 없는 개방형 고화질 영상 압축 형식의 영상 포맷이며 HTML5 비디오와 함께 이용한다. 2010년 5월 19일에 처음 나왔으며 이 프로젝트는 구글의 후원을 받아 개발된다.
WebP는 손실/비손실 압축 이미지 파일을 위한 이미지 포맷이다. On2 테크놀러지스의 기술을 구매하여, 그것을 기반으로 구글이 개발하여, 2010년 9월 30일 공개하였다. 영상 포맷인 VP8의 파생으로, 멀티미디어를 담는 포맷인 WebM의 자매 프로젝트이다.

위키백과 (https://ko.wikipedia.org/wiki/WebM, https://ko.wikipedia.org/wiki/WebP)

Google Lighthouse를 이용하거나 Google PageSpeed Insight를 이용해 사이트 분석을 진행해 보면, 이미지는 여지없이 webp형식 등으로 바꾸라는 친절한(?) 안내를 만나게 됩니다.

하지만, 이미지를 다루는 툴인 포토샵 등에서 기본 형식으로 지원하지 않기 때문에 별도의 변환과정을 거쳐야 쓸 수 있습니다.

포토샵과 프리미어에서 사용할 수 있는 플러그인이 있습니다.

WebP plugin

http://telegraphics.com.au/sw/product/WebPFormat

WebM & webp plugin

https://github.com/fnordware/AdobeWebM

WebPFormat

압축파일을 받으면 아래와같이 ‘WebPFormat64.8bi’파일이 있습니다.
이 파일을 “C:\Program Files\Adobe\Adobe Photoshop CC 2019\Plug-ins”경로에 넣어주면 설치 끝!

WebPFormat을 설치하면 저장화면에서 파일형식을 WebP로 설정해 저장할 수 있습니다.

아쉽게도 이 plugin은 Export나 Save for Web(Legacy)에서 지원되지 않습니다.


WebM_Premiere

WebM_Premiere는 이름과 같이 Premiere Plugin입니다.
“WebM_Premiere_v1.1.0.msi” 파일을 받아 프리미어 플러그인으로 설치하면 됩니다.

설치가 완료된 후 프리미어에서 Export를 실행해 보면 다음과 같이 WebM형식을 선택할 수가 있습니다.

광고

답글 남기기

댓글을 게시하려면 다음의 방법 중 하나를 사용하여 로그인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중