이미지 파일크기를 줄이기 위해 추천하는 방법중의 하나가 이미지 format 을 webp나 jpeg2000 로 변경하는 것이다. 브라우저에 맞게 JPEG XR(IE11을 위해), jpg2000(safari, ios safari), webp(firefox, chrome, opera 등등)로 보여주는 방법이 있다. 브라우저 호환성 때문에 이미지 하나에 대해서 이렇게 format 3가지를 가지고 있어야 한다. JPEG XR 의 경우 IE11에서만 지원하고 Edge 최신버전에서는 지원하지 않는다.(caniuse.com/jpegxr )
그런데, safari 에서도 webp를 지원하기 시작했다. (caniuse.com/?search=webp). 이제부터 이지만 몇년후부터는 webp 만을 생각해도 될 것 같다. 물론 IE11 은 영원히 제공할 수 없을 것 같다. IE11 빨리 망해라. MS에서 IE11 을 강제로 삭제 시키고 Edge 로 강제로 실행시켜줬으면 좋겠다. 꼭 필요하다면 chasemoskal.com/webp-hero/ 같은 툴로 javascript 에서 webp 를 다른 포멧으로 변경하는 방법으로 처리할 수도 있다.