html5 브라우져 imgur ( gif -> mp4 ) 관련 설명

낄낄이 16-05-07 21:05 1,664

낄낄 닷컴내에는 현재 서버 내에 저장 되는 이미지가 하나도 없으며

80% 정도 imgur의 서비스를 이용 하고 있습니다.

이미지 트래픽에서 상당한 양의 트래픽을 차지하는 것이 gif 의 움짤입니다.

gif 는 효율이 좋지 않아 용량이 상당히 많이 나갑니다.

이것을 imgur 에서 mp4 , webm 등의 동영상으로 변경 해줘서 용량을 상당히 줄이는 기능이 있습니다.

아래의 imgur 블로그 글을 보면

요지는 50mb -> 3.4 mb 정도로 줄였다.

실제 다운로드 해보면 gif 는 46.7 mb // webm 1mb 정도가 나오는 것을 알 수 있습니다.

그래서 낄낄 닷컴에서도

만약 브라우져가 html5 를 지원하는

크롬, 사파리, 스마트폰 모바일 브라우져, 등등이면

위 처럼 동영상으로 출력 되게 됩니다.

ie8 이하의 브라우져 에서는 그냥 gif 이미지로 출력 됩니다.

현재까지는 그냥 적당히 사용 가능한 이미지 사이트의 cdn 을 이용 하였는데

앞으로는 최대한 imgur을 사용하여 이미지 트래픽을 조절 해보도록 하겠습니다.

이상입니다.

+ 추가

금일부터 이미지 용량 기준으로 5mb 가 넘으면

글 제목 앞에 용량을 표시하게 수정 하였습니다.

모바일 브라우져 환경에서 wifi 환경이 아닌 경우 참고 하시면 좋을 것 같습니다.

(낄낄판과 파헤치기 게시판만 적용 됩니다.)