무료 GIF to APNG 변환기
APNG (Animated PNG)는 24비트 풀 컬러와 진정한 알파 투명도를 지원합니다 — GIF의 256색 인덱스 팔레트보다 훨씬 우수합니다. 브라우저에서 즉시, 무료로 변환하세요.
GIF를 여기에 드롭하거나 클릭하여 찾아보기
브라우저에서 변환 — 업로드되지 않음
사용 방법
GIF 파일을 업로드하세요
업로드 영역을 클릭하거나 .gif 파일을 변환기에 드래그하세요. 파일은 브라우저에서 완전히 처리됩니다 — 어떤 서버에도 업로드되지 않습니다. 최대 50 MB의 GIF 파일을 지원합니다.
변환기가 모든 프레임을 추출하고 재인코딩합니다
FFmpeg WebAssembly가 GIF 프레임 시퀀스를 읽고, 각 프레임을 원시 이미지로 추출하며, 완전한 24비트 색상 깊이와 8비트 알파 투명도로 PNG 프레임으로 재인코딩합니다. 프레임은 원본 프레임 타이밍이 유지된 APNG 컨테이너로 조립됩니다.
.apng 파일을 다운로드하세요
출력 파일에는 .apng 확장자가 있으며 최신 브라우저가 표준 <img> 태그에서 사용될 때 자동으로 표시하는 유효한 Animated PNG입니다. JavaScript, 특별한 임베드 코드 없이 — 그냥 일반 이미지 태그.
웹사이트나 앱에 임베드하세요
모든 HTML 페이지에서 <img src="animation.apng" alt="description">을 사용하세요. Chrome, Firefox, Safari, Edge 모두 APNG를 네이티브로 애니메이션합니다. CSS background-image로도 사용할 수 있으며 지원되는 모든 브라우저에서 애니메이션됩니다.
왜 APNG가 GIF보다 더 낫나요?
GIF는 1987년에 수정된 적이 없는 근본적인 제약으로 만들어졌습니다: 각 애니메이션 프레임은 이미지 콘텐츠에서 파생된 팔레트에서 선택된 최대 256색을 포함할 수 있습니다. 복잡한 색상 콘텐츠가 있는 이미지 — 사진, 부드러운 그라디언트, 부드러운 그림자, 안티앨리어싱된 텍스트, 피부 톤 — 에서 이 제한은 눈에 띄는 색상 띠와 디더링 아티팩트를 생성합니다. GIF는 거의 40년 동안 이 제한을 안고 있으며, 형식 사양 내에서 색상 깊이를 늘릴 방법이 없습니다.
APNG (Animated Portable Network Graphics)는 2004년 PNG 사양의 확장으로 제안되었으며 이제 모든 주요 브라우저에서 지원됩니다. 각 애니메이션 프레임을 완전한 PNG 이미지로 저장하며, 이는 각 프레임이 24비트 RGB 컬러(1670만 색상)와 독립적인 8비트 알파 채널을 가짐을 의미합니다. 8비트 알파 채널은 현대 UI 작업에서 중요한 차이점입니다: 픽셀당 256 수준의 투명도를 지원하여 부드러운 반투명 가장자리, 드롭 그림자, 흐린 후광, 둥근 모서리 안티앨리어싱을 가능하게 합니다. GIF의 투명도는 이진입니다 — 픽셀이 완전히 투명하거나 완전히 불투명하며 중간 값이 없습니다.
웹 및 앱 UI 디자이너들에게, APNG는 GIF가 단순히 처리할 수 없는 애니메이션 사용 사례를 열어줍니다: 부드러운 페이드 효과가 있는 로딩 스피너, 알림 배지 맥박 애니메이션, 반투명 드롭 그림자가 있는 스티커 콘텐츠, 부드러운 그라디언트 전환이 있는 브랜드 마이크로 애니메이션. GIF의 거친 가장자리와 색상 띠가 세련된 UI에서 보일 수 있는 모든 곳에서 APNG가 올바른 형식입니다.
UI 애니메이션 및 로딩 상태: 로딩 스피너, 스켈레톤 로더, 진행 애니메이션, 전환 효과 모두 APNG의 완전한 알파 채널로 혜택을 받습니다. 부드러운 페이드 아웃 후광 효과가 있는 스피너는 APNG로 세련되게 보이고 GIF로 거칠게 보입니다.
스티커 및 이모지 스타일 콘텐츠: Apple iMessage 스티커와 많은 메시징 앱 스티커 팩은 애니메이션 스티커 콘텐츠에 APNG를 사용합니다. 완전한 알파 채널은 스티커가 부드러운 윤곽선을 갖고 모든 채팅 배경 색상에 자연스럽게 혼합될 수 있게 합니다 — GIF의 이진 투명도로는 불가능합니다.
브랜드 마이크로 애니메이션: 로고 애니메이션, 아이콘 전환, 브랜드 모션 그래픽은 완전한 색상 충실도를 요구합니다. 미묘한 그라디언트 스윕이나 색상 광선 효과가 있는 로고는 GIF의 256색 팔레트에 강제될 때 세련됨을 잃습니다. APNG는 원본 디자인의 정확한 색상 값을 보존합니다.
APNG를 사용하지 말아야 할 경우: APNG는 이메일에 적합하지 않습니다(대부분의 클라이언트가 애니메이션하지 않음), 소셜 동영상 플랫폼에서 허용되지 않습니다(MP4 사용), GIPHY나 Tenor와 같은 플랫폼의 GIF 검색 인덱스에 나타나지 않습니다(그 배포에는 GIF를 사용하세요). APNG는 웹 및 앱 형식이지 소셜 공유 형식이 아닙니다.
주요 기능
24비트 풀 컬러
프레임당 1670만 색상 — 256색 팔레트 제한 없음, 띠나 디더링 없음.
진정한 알파 투명도
부드러운 가장자리, 그림자, 안티앨리어싱을 위한 픽셀당 256 수준의 투명도.
100% 비공개
GIF가 절대 업로드되지 않습니다. 모든 변환이 WebAssembly를 통해 브라우저에서 실행됩니다.
표준 <img> 임베드
HTML에서 GIF처럼 APNG를 사용하세요 — JavaScript나 특별한 속성이 필요 없습니다.
iMessage 스티커 호환
APNG는 Apple iMessage 애니메이션 스티커의 네이티브 형식입니다.
모든 최신 브라우저
Chrome, Firefox, Safari, Edge 모두 2017년 이후 APNG를 네이티브로 애니메이션합니다.
형식 비교
| 기능 | GIF | APNG |
|---|---|---|
| 색상 깊이 | 256색 (8비트 인덱스) | 1670만 색상 (24비트 RGB) |
| 투명도 | 이진 (켜짐/꺼짐만) | 완전한 8비트 알파 (0~255 수준) |
| 압축 | LZW (무손실, 프레임별) | DEFLATE (무손실, 프레임별) |
| 브라우저 지원 | 모든 브라우저 (IE6+) | 모든 최신 브라우저 (Chrome, Firefox, Safari, Edge) |
| 이메일 클라이언트 지원 | 광범위 (이메일에 최적) | 제한적 (Gmail/Outlook에서 애니메이션 없음) |
| 임베드 방법 | <img> 태그 | <img> 태그 (동일) |
| 일반적인 파일 크기 | 작음 (단순 그래픽의 경우) | 더 큼 (프레임당 풀 컬러 데이터) |
| 최적 사용 사례 | 소셜 공유, 이메일, 메시징 | UI 애니메이션, 스티커, 웹 디자인 |
기술적 세부 사항
APNG는 세 가지 새로운 청크 유형으로 PNG 사양을 확장합니다: acTL (프레임 수와 루프 수를 포함하는 Animation Control 청크), fcTL (프레임 크기, 위치, 타이밍, 처리/혼합 모드를 포함하는 프레임당 하나의 Frame Control 청크), fdAT (각 프레임의 압축된 PNG 이미지 데이터를 포함하는 Frame Data 청크). 첫 번째 프레임의 데이터는 표준 IDAT 청크에 저장되므로 APNG를 이해하지 못하는 PNG 디코더는 첫 번째 프레임을 정적 이미지로 표시합니다 — 완전한 하위 호환성.
fcTL 혼합 모드가 특히 중요합니다: APNG는 두 가지 혼합 작업을 지원합니다 — APNG_BLEND_OP_SOURCE (프레임 데이터로 캔버스를 완전히 교체) 및 APNG_BLEND_OP_OVER (이전 캔버스 위에 프레임을 알파 합성). 이것은 반투명 프레임이 배경 위에 합성되어 GIF에서 불가능한 효과를 생성하는 APNG 애니메이션을 가능하게 합니다. FFmpeg은 GIF에서 변환할 때 원본 애니메이션 동작을 유지하면서 SOURCE 혼합 모드를 사용합니다.
변환은 FFmpeg의 apng 멀티플렉서를 사용합니다. 각 GIF 프레임은 원시 RGBA 픽셀 버퍼로 디코딩된 다음 deflate 압축 PNG 프레임 청크로 인코딩됩니다. GIF의 LZW 압축에 비해 PNG의 DEFLATE는 다르게 압축됩니다 — 큰 균일한 영역이 있는 이미지에서 더 낫고, 고도로 디더링된 콘텐츠에서 가끔 더 큽니다. 핵심 이점은 압축 비율이 아닌 색상 충실도입니다: APNG는 팔레트 양자화 손실 없이 정확한 픽셀 색상을 저장합니다.