본문으로 바로가기

안녕하세요. 오늘은 이미지가 동영사으로 자동변환되어 올라가는 (트랜스코딩)에 관련해서 이야기를 해보려고 합니다.


최근들어 중대형 커뮤니티들에서 이미지 GIF 파일(움짤:움직이는짤,이미지) 를 올리면


동영상 MP4 파일로 자동으로 변환되어 게시글이나, 댓글에 노출이 되게 됩니다.


왜 이렇게 GIF를 MP4로 자동변환해서 운영을 할까요?

대부분의 사이트들이 유저들의 모바일 데이터폭탄을 막기 위해서?

라고 하지만 과연 그럴까요?

 

한번 알아보겠습니다.

Intro - GIF vs 동영상

GIF는 제가 태어난 해와 같은 1987년도 컴퓨서브(CompuServe)사에서 개발한

무손실 압축 이미지 포맷 방식입니다.


이미지 저장시 원본데이터와 달라지지 않으며, 간단하게 <img>코드로 애니메이션 구현이가능

뛰어난 호환성으로 오늘날까지 각광받는 이미지 무손실 압축 포맷형식입니다.


단점은 색상표현이 최대 256색으로 한정적이며 색왜곡현상이 발생합니다.

또한, 프레임이 늘어날 수록 급격한 용량 증가가 이루어집니다.

단순한 아이콘에 적합하지..


애니메이션 즉 가능한 이미지파일이며, 보통 커뮤니티나 블로그 글쓰기용 텍스트편집기에서

파일첨부만으로도 움짤 이미지 노출이 되므로 많은 유저들이 손쉽게 사용가능합니다.



자그럼 동영상 포맷형식 (MP4, webm) 살펴보죠.


기존에 동영상을 게시글에 담기 위해서는 별도의 플레이어가 필요하거나 youtube와 같은 동영상공유사이트를

이용해야 했습니다. 하지만


최근 HTML5의 개선으로 새롭게 <video> 태그가 추가되었습니다.

이에 별도의 동영상플레이어를 사이트에 설치없이 브라우저에서 바로 볼수가 있습니다.

<img> 태그와 마찬가지로 라이브러리에 저장 후 동영상 경로를 불러와주기만 하면 되는 것이죠. 


<video> 태그는 무비 클립이나 다른 비디오 스트림과 같은 비디오를 지정합니다.

현재 <video> 요소에는 MP4, WebM 및 Ogg와 같이 3 가지 비디오 형식이 지원됩니다.


 Browser

MP4

WebM

Ogg 

 Internet Explorer

 Chrome

 Firefox

O

from Firefox 21

from Firefox 30 for Linux 

 Safari

 Opera

O

from Opera 25 


아직 새로추가된 태그다 보니, 브라우저 지원을 완벽하게 다하지는 않고 있습니다.

따라서 보통 변환사이트들이나 트랜스코딩기술을 보면 WebM 과 MP4 동시에 변환 후

브라우져별에 따라 노출을 달리합니다.

(WebM은 구글에서 개발한 오픈소스 동영상 압축 포맷 방식입니다.)


아무래도, 국내에는 IE 인터넷익스플로러 브라우저 사용비율이 높기 때문에 대부분 MP4 방식을 채용하죠.

왜 MP4 방식을 이용하는가?

첫 번째로는 용량이라고 볼 수 있습니다.

일반적으로 이미지보다 동영상이 훨씬 더 용량이 클 것이라고 생각합니다.

물론 일부는 맞습니다. 하지만 GIF vs 동영상 일 경우는 다릅니다.


최근에 MP4 및 WebM 경우 매우 뛰어난 압축률을 보여주기 때문에

엄청난 차이의 용량차이를 보여줍니다.


보통 약 GIF 이미지 파일보다 1/10 수준입니다.


<위, GIF파일 용량 3.778 mb>


<아래, WebM파일 용량 0.305 mb>



이렇게 될 경우 당연히 위에서 언급한 모바일에서 데이터 폭탄도 막을 수 있지만


서버의 부하 또한 1/10 수준으로 줄어들게 됩니다.


또한, 손쉽게.. 라이브러리에서 태그만으로 사용가능하니..


중대형 커뮤니티에서는 원활한 콘텐츠 환경을 위해서 CDN서비스를 사용하는 경우가 많습니다.


대표적으로 유명한 것이 Cloudflare, Google Cloud CDN, 국내는 네이버 Cloud Platform 등이 있습니다.


여기에서 자체적으로 트랜스코딩 [ GIF -> MP4 ] 변환해주는 서비스를 제공하거나


사실 정확한 명칭이 아직없어서.. 트랜스코딩은 좀더 넓은 개념인데..


암튼 또는 https://gfycat.com 사이트에서 GIF -> 동영상 변환 및 코드생성 기능을 도움을 줍니다.



일반적인 움짤 및 동영상 <-> GIF 변환은


https://ezgif.com/


에서 손쉽게 가능합니다. 추천하는 사이트입니다.


결론...

아직까지 한국에서는 선도한 초고속 인터넷 환경(?)으로 커뮤니티 문화가 발전했으며,

동시에 GIF 움짤 문화 또한 커져 나갔다고 보여집니다.


일본이나 기타 해외 경우 GIF 또는 영상 첨부가 불가능 하므로

아스키 아트가 많이 발전하였죠? 아니면 쓰레드형식의 커뮤니티나...


http://cocosoft.kr/431 - 인스타그램 아스키태그 변환


앞으로 모바일 접근성이 뛰어나면서 거의 50% 이상 트래픽이 발생하고있는 시점에서..

점점 video 태그의 활용은 커질 것으로 보여집니다.


물론 불편하거나 기존의 방식을 고수하다가는

무분별한 변환에 의한 Generation_loss(복사 손실:압축포맷을계속바꾸며 원본이 손상되는 현상).. 또한 발생할 수 있겠죠.


암튼 다양한 반응형 디바이스를 지원하는 사이트들이 나타나게되면서

자연스럽게 점점 멀티 코딩을 또한 웹표준과 마찬가지로 변화해 나갈 것 같습니다..


신고

댓글을 달아 주세요

  1. BlogIcon 라오꽁 2017.08.23 15:49 신고

    이렇게 알기 쉽게 설명해주시다니 감사합니다.
    그러면 티스토리 업로드시에도 동영상 파일을 지원하고
    자동으로 재생해주도록 하면 더 좋겠네요!

티스토리 툴바