“움짤”로 예전에는 GIF 하나만 있었습니다. 1987년도에 개발된 아주 오래된 포맷이죠. 오래된 만큼 여러 곳에서 많이 쓰이고 있고 호환성도 매우 좋습니다.
하지만 너무 오래된 포맷이라 그런 걸까요. 개발 당시에는 매우 획기적인 포맷이었겠지만 지금 현시대에 비추어 GIF를 살펴보면 화질도 좋지 못하고 압축률도 좋지 못해 용량이 매우 큽니다.
그러다 시간이 흐르고 GIF를 대체할 수 있는 여러 성능 좋은 포맷들이 나오기 시작했습니다.
오늘은 움짤용으로 GIF를 대체할 WebP, AVIF, MP4 에 대해서 화질, 용량, 범용성 등을 한번 따져보겠습니다.
이 글의 목차
GIF, AVIF, WebP, MP4 비교 / 용량, 화질
4개 포멧을 화질을 동시에 비교해 보겠습니다.
GIF 화질은 아무래도 오래된 포멧이다 보니 화질이 자글자글 좋지 못합니다. 그나마 ffmpeg 로 만든 거라 저 정도지 고전적인 방식으로 만들었다면 더 안 좋았을 것입니다. 나머지 포맷은 움짤로 쓰기에 넘쳐나는 화질을 보여주고 있네요.
다만 WebP 포맷이 픽셀이 특정 상황에서 깨지는 등 불안정한 모습을 보이고 있습니다.
용량 비교
| 형식 | 용량 | 기타타 |
|---|---|---|
| GIF | 10.7MB | 용량 최적화 |
| WebP | 3.2MB | |
| AVIF | 0.96MB | |
| MP4 | 1.22MB | CBR 2000 비트레이트 |
10초인데도 GIF용량이 10.7MB나 되네요. 엄청납니다. AVIF가 가장 최근에 나온 AV1기반의 코덱이라서 그런지 가장 안정적이면서도 용량이 작은 모습을 보여주고 있습니다. MP4와 비슷한 수준의 용량입니다. WebP는 용량으로만 보자면 중간 쯤 합니다.
용량으로만 보면 GIF는 이제 사용하면 안 될거 같네요. 웹에서 사용하기에는 낭비되는 네트워크 자원이 너무 큽니다.
자세한 화질 비교
GIF(10.7MB) 와 AVIF(0.96MB) 비교
확연한 차이가 있습니다. 그래도 짤방으로만 쓰기엔 둘 다 나쁘진 않네요. 다만 용량을 생각하면…
WebP(3.2MB) 와 AVIF(0.96MB) 차이
WebP가 일부분 깨지는 모습을 보여주지만 둘 다 짤방으로 쓰기엔 나쁜 화질은 아닌 듯 합니다. 자세히 보면 AVIF 가 화질이 더 좋았습니다.
AVIF(0.96MB) 와 MP4(1.22MB) 차이
약간의 색감을 제외하고는 큰 차이는 보이지 않았습니다. MP4가 세세한 코덱 설정을 하면 화질을 더 좋게 하고도 용량은 더 획기적으로 줄일 수 있을 것으로 보입니다. 코덱에 대해서 잘 안다면 MP4가 가장 효율이 좋을 듯 합니다. 다만 일반인이 하기에는 쉬운 작업이 아니라서 추천하고 싶지 않습니다.
움짤 4종류 GIF, AVIF, WebP, MP4 특징
WebP 움짤
WebP는 2010년에 출시된 나름대로 역사가 있는 포맷입니다. 하지만 GIF보다 확연한 성능 개선이 있었음에도 불구하고 WebP 움짤 관련 라이브러리의 부재로 사이트에 접목하기 쉽지 않는데요. 그 때문에 국내 많은 커뮤니티들이 WebP 움짤 지원이 늦거나 지원 계획이 없습니다.
현재 티스토리, 네이버 카페, 그누보드, 워드프레스 등을 포함한 여러 커뮤니티에서 WebP 움짤이 지원하지 않고 지원하더라도 반쪽짜리로 지원하고 있습니다.
시간이 지나면 WebP 움짤을 지원하는 사이트들이 많아지지 않겠냐고 말씀하시는 분들도 계십니다만 아쉽게도 WebP 움짤의 미래는 불투명합니다.
WebP 개발 이후 HTML5가 표준으로 발표되었고 그 표준안에 MP4 동영상 포맷을 바로 삽입하고 볼 수 있게 되었습니다. 거기에 WebP를 만든 구글에서도 WebP 움짤 보다는 WebM 을 더 미는 모양새 입니다. 때문에 WebP 움짤의 위치가 애매해졌습니다.
브라우저 호환성은 안드로이드 브라우저에서는 WebP 움짤이 잘 지원되고 있는 반면 애플의 모든 브라우저에서 WebP 움짤이 지원하지 않고 있습니다. WebP가 구글에서 만든것으로 볼때 애플에서 앞으로도 지원하지 않을 것으로 보입니다.
혹여 WebP를 사용할 예정이라면 본인이 활동하는 커뮤니티에 WebP움짤이 동작하는지 확인해 보시고 사용하셔야 할 듯 합니다.
AVIF 움짤
AVIF는 2019년에 공개된 포맷으로 가장 최신의 따끈따끈한 포맷입니다. 때문에 이미지 품질과 압출 효율성이 매우 좋습니다.
AVIF는 WebP와 다르게 VP8이 아니라 AV1 기반으로 돌아가기 때문에 움짤 용도로 쓴다면 WebP보다 더 안정적입니다.
다만 너무 따끈따끈한 포맷이라 호환성이 극악이라는 점이 문제입니다. 웹 환경은 고사하고 AVIF 포맷을 볼수 있는 PC뷰어도 손에 꼽습니다.
국내에 가벼운 뷰어로 유명한 꿀뷰도 아직 지원하지 않고 있고 일부 몇몇 유료 뷰어에서만 AVIF를 지원하고 있습니다.
PC에서 보는 뷰어도 이 정도인데 AVIF를 지원하는 웹사이트가 있을까요? 지금 현시점에서는 거의 없다고 봐야 합니다.
웹브라우저 지원도 좋지 못합니다. 인터넷익스플로러, 엣지, 파이어폭스, 사파리, IOS 사파리 모두 지원하지 않습니다. 지원하는 것은 크롬과 안드로이드 삼성 브라우저 정도입니다.
차세대 짤방은 AVIF 이놈이 맞습니다. 용량 대비 화질도 좋고 안정성이 좋으며 WebP 처럼 버려지지도 않았습니다. 애플도 파폭도 구글도 점점 이 포맷을 지원하려는 모양새를 취하고 있습니다. 미래가 밝습니다.
하지만 완벽한 활성화를 위해서는 시간이 오래 걸릴 것으로 보입니다. 웹브라우저도 사이트도 준비된 게 아무것도 없습니다. 지금 현 시점에서 AVIF 움짤은 시기상조입니다.
MP4
움짤 이미지라고 하기엔 좀 그렇고 그냥 동영상을 움짤로 사용하는 것입니다. 현재 HTML5 표준에도 들어가 있어서 호환성도 매우 좋고 화질 대비 용량도 매우 좋습니다.
때문에 큰 커뮤니티 같은 곳에서는 트래픽을 줄이기 위해 GIF로 업로드 된 파일을 MP4로 컨버팅하여 서비스하고 다운로드는 GIF로 받게 하는 곳도 있습니다.
단점으로는 MP4는 웹 환경에서 호환성과 트래픽, 모든 것을 만족하는 포맷이나 MP4 를 짤방으로 사용하기 위해서는 간단한 HTML 태그를 알아야 하고(루핑, 음소거, 자동재생 태그 설정) 짤방을 만들기 위해서는 동영상 관련 지식과 동영상 편집툴을 필요로 합니다.
또한 MP4가 동영상 포맷이다 보니 커뮤니티 사이트에서 MP4 업로드를 막아 놓은 경우가 많이 있습니다.
GIF
극강의 호환성과 쉬운 제작 (제작툴도 많고 제작해주는 사이트도 많음)으로 지금도 사랑 받고 있는 포맷입니다.
위에서 소개된 3가지 짤방 포맷, 머리 복잡하게 싸메기 싫다면 그냥 이거 하시면 됩니다. 구관이 명관이라고 용량 문제만 어찌어찌 넘어갈 수 있다면 사용하기에 가장 편한 포맷입니다.
너무 오래된 포맷으로 용량이 너무 커 트래픽이 매우 부담됩니다만 FFMPEG 방식으로 개선된 GIF로 최대한 용량을 줄여 사용할 수는 있습니다. GIF 제작하는 방법은 아래의 링크를 참고하십시오.
참고링크 : 움짤 만들기 / 사진, 동영상 gif 변환, 온라인 무설치
총 정리
| 형식 | 용량 | 호환성 | 기타 |
|---|---|---|---|
| GIF | 10.7MB | 막강의 호환성 | 고전적인 타입, 고용량 |
| WebP | 3.2MB | 호환성 안 좋음 | 미래 전망 불투명 |
| AVIF | 0.96MB | 호환되는곳 거의 없음 | 지속적인 성장세, 차세대 포맷 |
| MP4 | 1.22MB | HTML5 표준 | 호환 좋음, 동영상 지식필요 |
효율성▶ GIF < WebP < AVIF = MP4
범용성▶ GIF >> MP4 >>>>>>>>WebP >>> AVIF
움짤 관련글
2 thoughts on “움짤 4종류 비교 분석 / GIF, WebP, AVIF, MP4 장점 단점”