APNG 움짤 만들기

같은 크기의 PNG 여러 장(투명 배경 가능)을 순서대로 고르세요. 파일 이름 순서로 정렬돼요.

파일은 서버로 전송되지 않고 내 기기에서만 처리돼요

장면 이미지를 놓거나 눌러서 고르세요 (여러 장)PNG(투명 가능) · JPG · WEBP

GIF 대신 APNG를 쓰는 이유

GIF는 한 장면에 256색까지만 담을 수 있고, 투명도도 ‘완전 투명 아니면 불투명’ 두 가지뿐이라 투명 배경 스티커의 가장자리가 지글지글 깨져 보여요. APNG(Animated PNG)는 PNG를 확장한 움직이는 그림 형식이라 1600만 색과 반투명(알파 256단계)을 그대로 담아요. 크롬·엣지·사파리·파이어폭스 등 요즘 브라우저는 모두 재생하고, 디스코드 스티커·라인 애니메이션 스티커 시안에도 쓰여요.

쓰는 법

장면 이미지를 여러 장 고르면 파일 이름 순서(숫자 크기 순)로 정렬돼요. ◀ ▶ 버튼으로 순서를 바꾸고 ✕로 빼요.
장면 시간은 장면 하나가 보이는 시간이에요. 100ms면 1초에 10장, 33ms면 약 30장이에요.
재생 순서의 왕복은 끝까지 갔다가 되돌아와서 부드럽게 이어지는 반복을 만들어요.
크기가 다른 장면은 첫 장 크기에 맞춰 여백을 두거나, 꽉 채우거나, 늘려요.
압축을 256색으로 고르면 색 수를 줄여 용량이 크게 줄어요. 사진처럼 색이 많은 장면은 무손실이 깔끔해요.

어떻게 만드나요

오픈소스 UPNG.js(MIT)로 장면들을 PNG 압축(deflate)하고, 바로 앞 장면과 달라진 부분만 저장하는 최적화를 적용해 APNG로 묶어요. 반복 횟수는 APNG 규격의 acTL 정보(num_plays, 0 = 무한)에 직접 써 넣어요. 만든 파일은 바로 페이지에서 재생해 확인할 수 있어요.

주의할 점

APNG의 확장자는 일반 PNG와 같은 .png라서, 움직임을 지원하지 않는 프로그램(일부 이미지 편집기·메신저)에서는 첫 장면만 보여요. 카카오톡처럼 APNG를 그대로 전송하지 않는 곳에 올릴 때는 GIF 만들기나 움직이는 WEBP가 나을 수 있어요.

참고한 자료

자주 묻는 질문

만든 파일이 움직이지 않아요.

사진 보기 프로그램에 따라 APNG를 지원하지 않아요. 브라우저 창에 파일을 끌어다 놓으면 움직이는 것을 확인할 수 있어요.

용량이 너무 커요.

크기를 줄이거나 압축을 256색으로 바꿔 보세요. 장면 수를 줄이는 것도 효과가 커요.

파일이 서버로 가나요?

아니요. 이 기기 브라우저 안에서만 만들어요.