구글 WebP 이미지 포맷

티스토리 뷰

이것저것/컴퓨터-인터넷

구글 WebP 이미지 포맷

랑스티비 2019. 4. 2. 18:06

구글 WebP 이미지 포맷

Webp는 구글이 On2와 함께 사들인 VP8 비디오 코덱 기술이다.

기존 이미지보다 압축률이 좋으니

웹트래픽은 줄고,

사이트 접속속도 증가되니

구글은 Webp를 만들어 제공한다.

쇼핑몰처럼 과도하게 많은 이미지가 사용되는 사이트들은 jpeg, gif, png를 주로 사용하는데

가능하다면 Webp를 사용하는게 좋을듯하다.

JPEG와 WebP 이미지 샘플 파일. 육안으로 보는 화질은 비슷하지만 용량은 WebP가 35~40% 적다.

그런데 왜 아직 다들 사용을 안할까?

모든 브라우저가 WebP를 지원하지 않기 때문이네요.

https://caniuse.com/#feat=webp

WebP 특징

1. Webp(웹피) 2010년 9월 30일 구글이 공개한 이미지 포맷

2. 웹 사이트의 트래픽 감소 및 로딩 속도 단축을 위한것으로 사진 이미지 압축효과가 높다

3. WebM의 기반인 VP8 영상코덱 기술을 이용하고 있다

4. jpeg 와 동일한 화질의 이미지보다 39.8% 압축이 가능

5. 구글이 개발해서 역시 안드로이드 및 크롬은 잘보임

만일 이미지를 다운받아서 바로 사용하고 싶으시면

아래 사이트를 이용해서 PNG로 변환해서 사용하셔도 되요.~~

Webp To PNG 변환사이트(무료)

https://image.online-convert.com/convert-to-png

이미지 파일 WEBP 관련 사항

https://developers.google.com/speed/webp/

저는 webp 이미지 파일이 크롬은 잘나오니 됐고,

인터넷 익스플로러에 나오게 하려고 이글을 작성하게 되었습니다.

그럼 인터넷 익스플로러에 어떻게 보여야 하냐....?

Internet Explorer WebP

Internet Explorer, along with their new Edge browser, both don’t have WebP support. And there aren’t any plans to add it at this point. However, there is a uservoice discussion going on where people are requesting that Microsoft add WebP support to Edge.

결국엔 아직 MS 쪽에선 어떤 계획도 없다고 하는데....

찾아보다 결국 가능한 부분을 찾았다.

http://www.habilelabs.io/webp-format-speed-improvement-making-cross-broswer-compatible/

<script type="text/javascript" src="http://webpjs.appspot.com/js/webpjs-0.0.2.min.js"></script>

<html>

<img src="1526950366234.webp" />

</html>

Firefox and Internet explorer 둘다 가능하다고 한다.

그런데 결국 안된다..ㅠㅠ

예전엔 됐나보던데 ....

저작자표시

'이것저것 > 컴퓨터-인터넷' 카테고리의 다른 글

JSON 보기 쉽게 변환해 주는 사이트 (0)	2019.04.04
고전 게임 가능한 재미있는 사이트 (0)	2019.04.03
휴대폰 SMS로 이메일 보내기 (0)	2019.04.02
심평원에서 약가 파일 다운로드 (0)	2019.03.28
움직이는 gif 를 mp4 파일로 변환하기 [gif to mp4] (0)	2019.03.21