GIF란? 256색, 애니메이션, LZW 압축

GIF(Graphics Interchange Format)는 웹에서 가장 오래된 이미지 형식 중 하나입니다. 사진은 오래전에 JPG에, 그래픽은 PNG에 자리를 내주었지만, 짧게 반복되는 애니메이션이라고 하면 여전히 GIF가 가장 먼저 떠오릅니다. 이 글에서는 GIF가 어떻게 시작되었는지, 압축과 애니메이션이 어떻게 작동하는지, 256색 제한이 실제로 무엇을 뜻하는지, 대신 고려할 수 있는 형식은 무엇인지 설명합니다.

간략한 역사

GIF는 당시 대형 온라인 서비스 중 하나였던 CompuServe가 개발했습니다. 영국 국립기록보관소의 PRONOM 등록부에 따르면 첫 버전인 GIF87a는 1987년 6월 15일에 공개되었습니다. 다음 버전인 GIF89a는 1989년에서 이름을 따왔으며, PRONOM에 등재되고 W3C가 보관하는 사양 문서는 1990년 7월 31일 자입니다. 89a는 프레임 지연, 투명도, 처리 방식을 정의하는 그래픽 제어 확장(Graphic Control Extension)과 함께 주석, 일반 텍스트, 애플리케이션 확장을 추가했습니다. 오늘날의 애니메이션 GIF는 이 확장들 위에 만들어집니다.

GIF 역사에서 가장 잘 알려진 장은 특허 분쟁입니다. GIF는 Unisys가 특허를 가진 알고리즘인 LZW로 압축됩니다. 미국 의회도서관의 형식 설명에 따르면 1994년 Unisys가 LZW 라이선스 비용을 받기 시작하면서 GIF는 악명을 얻었습니다. 이것이 특허 없는 대안인 PNG 개발로 이어졌습니다. 같은 출처에 따르면 Unisys의 미국 특허는 2003년 6월에, 유럽과 일본 특허는 2004년 6월에 만료되었으므로, 오늘날 GIF를 쓰는 데 라이선스는 필요 없습니다.

GIF의 작동 원리

팔레트와 256색 제한

GIF는 각 픽셀의 색을 직접 저장하지 않고 색상표(팔레트)의 인덱스를 저장합니다. 사양에 따르면 색상표에는 최대 256개 항목을 담을 수 있으며, 각 항목은 24비트 RGB 색상입니다. 파일 전체에 적용되는 전역 색상표가 있을 수 있고, 각 프레임도 자체 지역 색상표를 가질 수 있습니다. 색이 적은 로고와 일러스트는 이 제한 안에 쉽게 들어가지만, 수천 가지 색조가 있는 사진을 256색으로 줄이면 색상 띠나 디더링 무늬가 생깁니다.

LZW 압축

픽셀 인덱스는 가변 길이 코드를 쓰는 LZW로 무손실 압축되며, 사양은 코드가 최대 12비트까지 커지는 것을 허용합니다. LZW는 반복되는 픽셀 배열을 사전에 추가하는 방식으로 작동하므로, 넓고 평평한 색 영역에서는 잘 압축되고 노이즈가 많은 사진에서는 잘 압축되지 않습니다.

투명도

GIF89a에서는 그래픽 제어 확장으로 팔레트의 한 색을 "투명"으로 지정할 수 있습니다. 이는 켜고 끄는(이진) 투명도로, 픽셀은 완전히 보이거나 완전히 투명하거나 둘 중 하나입니다. 그래서 GIF에서는 반투명 그림자와 부드러운 가장자리가 들쭉날쭉해 보이고, 색이 있는 배경 위에서 가장자리에 밝은 "후광"이 생기는 문제가 아주 흔합니다.

애니메이션

애니메이션 GIF는 하나의 파일에 담긴 프레임의 연속입니다. 각 프레임의 그래픽 제어 확장이 화면에 머무는 시간(100분의 1초 단위)과 다음 프레임 전에 그 영역을 어떻게 지울지를 정합니다. 반복 정보는 애플리케이션 확장에 저장됩니다. 선택적인 인터레이싱을 쓰면 로드되는 동안 이미지가 점차 나타납니다.

프레임 처리 방식

사양은 프레임이 표시된 뒤 그 영역을 어떻게 처리할지에 대해 네 가지 값을 정의합니다. 처리 방식 지정 없음, 프레임을 그대로 둠, 영역을 배경색으로 되돌림, 영역을 이전 상태로 되돌림입니다. 잘 만든 애니메이션에서는 바뀌는 영역만 새 프레임으로 기록하고 나머지는 이전 프레임에서 이어받기 때문에 파일이 작게 유지됩니다. 그래서 GIF를 편집하는 도구는 원시 프레임을 하나씩 다루는 것이 아니라 이 규칙에 따라 합성된 전체 이미지를 다뤄야 합니다.

GIF는 얼마나 널리 쓰이나요?

2026년 10월 W3Techs 데이터에 따르면 GIF는 조사 대상 웹사이트의 13.2%에서 쓰입니다. HTTP Archive Web Almanac 2024에 따르면 모바일 페이지 이미지의 16.8%가 GIF이며, 보고서는 그중 32%가 애니메이션이라고 밝힙니다. 또한 전체 이미지 요청의 약 6%가 1x1 픽셀 이미지로, 대부분 추적용 비콘과 간격용 GIF로 보인다고 지적합니다. 즉 GIF의 높은 비중이 애니메이션에서만 나오는 것은 아닙니다.

효율 면에서 GIF는 한참 뒤처집니다. 같은 보고서는 GIF의 중앙값을 픽셀당 6.7비트로 집계했는데, PNG는 3.8, JPEG는 2.0, WebP는 1.3입니다. 애니메이션 GIF는 중앙값이 32.6비트로 올라가고, 애니메이션이 아닌 GIF는 3.5비트에 머뭅니다.

GIF를 무엇으로 대체할 수 있나요?

MDN의 이미지 형식 가이드는 GIF를 기본적인 이미지와 애니메이션에 좋은 선택으로 보지만, 무손실 및 인덱스 정지 이미지에는 PNG를, 애니메이션 시퀀스에는 WebP, AVIF, APNG를 권합니다. 길거나 실제 영상으로 만든 애니메이션이라면 동영상이 훨씬 효율적입니다. web.dev의 예시에서 3.7MB GIF는 MP4로 551KB, WebM으로 341KB까지 줄어듭니다.

이메일 프로그램과 일부 메신저 앱은 동영상을 재생하거나 애니메이션 WebP를 표시하지 않습니다. 이런 보편적인 호환성이야말로 GIF가 30년 넘게 살아남은 진짜 이유입니다.

자주 겪는 문제

GIF가 너무 큽니다

프레임 수, 픽셀 크기, 움직임의 양이 모두 파일 크기를 직접 늘립니다. 크기를 줄이거나, 프레임을 자르거나, 짧은 구간만 잘라 내는 것이 가장 효과적이며, 긴 클립이라면 동영상으로 바꾸는 편이 낫습니다.

색이 띠지거나 점처럼 보입니다

256색 제한의 자연스러운 결과입니다. 하늘이나 피부색 같은 부드러운 그라데이션이 가장 큰 영향을 받습니다. 사진 같은 콘텐츠에는 GIF 대신 JPG, WebP, 동영상을 쓰세요.

가장자리에 흰 후광이 생깁니다

투명 GIF는 반투명이 될 수 없으므로, 밝은 배경에서 만든 이미지를 어두운 배경에 놓으면 가장자리의 중간 색조가 드러납니다. 가장자리가 부드러운 투명 이미지에는 PNG나 WebP를 쓰세요.

변환 후 애니메이션이 멈췄습니다

PNG와 JPG는 애니메이션을 담지 못하므로, 애니메이션 GIF를 두 형식 중 하나로 변환하면 프레임 하나만 남습니다.

GIF 작업 팁

• 정지 이미지를 얻으려면 GIF를 PNG로 변환하세요. GIF의 첫 프레임이 투명도와 함께 무손실 PNG로 저장됩니다.
• 애니메이션 GIF의 크기를 줄이려면 이미지 크기 조절 도구를 쓰세요. 애니메이션 GIF는 크기를 바꿔도 모든 프레임과 표시 시간이 유지됩니다(최대 600프레임).
• 애니메이션을 자르려면 이미지 자르기 도구가 모든 프레임에 같은 자르기를 적용하고 프레임 타이밍을 유지합니다.
• 파일 크기를 줄이려면 이미지 압축 도구가 애니메이션 GIF는 모든 프레임과 함께 GIF로 유지하고, 정지 GIF는 더 작게 만들기 위해 기본적으로 WebP로 변환합니다.
• 다른 이미지를 GIF로 만들려면 이미지 변환기에서 대상 형식으로 GIF를 고르세요. 결과물은 최대 256색의 단일 프레임이며, 반투명 영역은 켜고 끄는 투명도로 단순화됩니다.
• 이 모든 작업은 브라우저에서 실행되므로 파일이 기기를 떠나지 않습니다.

자주 묻는 질문

GIF는 손실 형식인가요?

LZW 압축은 무손실입니다. 하지만 풀컬러 이미지를 GIF로 변환하려면 256색으로 줄여야 하며, 손실은 이 색상 축소 단계에서 일어납니다.

GIF와 애니메이션 GIF는 다른가요?

형식은 같습니다. 프레임이 하나인 GIF는 정지 이미지이고, 프레임이 여러 개인 GIF는 애니메이션입니다. 프레임 지연과 반복 정보는 파일 안의 확장에 저장됩니다.

GIF는 왜 아직도 쓰이나요?

브라우저, 이메일 프로그램, 채팅 앱, 오래된 소프트웨어 등 거의 어디서나 별도 설정 없이 재생되기 때문입니다. 더 효율적인 대안들은 아직 모든 환경에서 이런 호환성을 제공하지 못합니다.

GIF를 MP4로 바꾸는 것이 의미가 있나요?

웹사이트에 표시한다면 대개 그렇습니다. web.dev 예시에서 동영상 버전은 GIF 크기의 대략 7분의 1에서 10분의 1 정도입니다. autoplay, loop, muted, playsinline 속성으로 재생하는 동영상은 페이지에서 GIF와 똑같이 동작합니다.

GIF는 몇 가지 색을 쓸 수 있나요?

색상표 하나에는 최대 256색이 들어갑니다. 기술적으로는 프레임마다 자체 지역 색상표를 가질 수 있어 여러 프레임의 GIF는 전체적으로 더 많은 색을 보여 줄 수 있지만, 한 프레임 안에서의 한계는 256색입니다.

출처

• CompuServe: Graphics Interchange Format Version 89a (W3C 사본)
• 영국 국립기록보관소 PRONOM: Graphics Interchange Format 87a
• 영국 국립기록보관소 PRONOM: Graphics Interchange Format 89a
• 미국 의회도서관: GIF 89a 형식 설명
• MDN: Image file type and format guide
• web.dev: Replace animated GIFs with video for faster page loads
• W3Techs: Usage statistics of image file formats for websites
• HTTP Archive Web Almanac 2024: Media