GIF ↔ 움직이는 WEBP
블로그·웹사이트 움짤을 가볍게 하거나, 저장한 .webp 움짤이 메신저에서 안 움직일 때 쓰세요.
처음 쓸 때 이미지 엔진(ImageMagick·libwebp, 약 15MB)을 한 번 내려받아요. 그다음부터는 브라우저에 저장된 것을 써요.
움직이는 WEBP란?
WEBP는 구글이 만든 웹용 이미지 형식으로, GIF처럼 여러 장면을 담아 움직이게 할 수 있어요. GIF는 장면마다 256색까지만 쓰고 압축이 오래된 방식(LZW)이라 사진 같은 움짤은 용량이 커지는데, 움직이는 WEBP는 수백만 색과 손실·무손실 압축을 써서 같은 움짤이 대개 훨씬 작고 색도 더 자연스러워요. 크롬·엣지·파이어폭스·사파리 등 최신 브라우저는 모두 재생해요.
쓰는 방법
- GIF → WEBP — 화질 80이 기본이고, 낮출수록 작아져요. 만화·로고·화면 캡처처럼 색이 단순한 움짤은 ‘무손실’이 오히려 작고 깨끗한 경우가 많아요. 결과 줄에서 몇 % 줄었는지와 움직이는 미리보기를 바로 확인하세요.
- WEBP·APNG → GIF — 카카오톡·일부 커뮤니티·오래된 프로그램은 움직이는 WEBP를 그림 한 장으로만 보여 줘요. GIF로 바꾸면 어디서나 움직여요. 다만 GIF는 256색이라 사진 같은 움짤은 색이 조금 거칠어지고 용량이 커질 수 있어요.
- 그대로 옮기는 것 — 장면 시간, 반복 횟수, 투명 배경을 그대로 옮겨요.
어떻게 동작하나요
ImageMagick 7과 libwebp를 웹어셈블리로 만든 magick-wasm을 브라우저 작업자에서 돌려요. 장면을 완성된 그림으로 합성(coalesce)한 뒤 새 형식으로 다시 저장하고, GIF로 저장할 때는 장면 차이만 남기는 최적화를 해요. 파일은 서버로 보내지 않아요.
한계
장면이 아주 많거나 큰 움짤은 휴대전화에서 메모리가 부족할 수 있어요. 움직이는 AVIF·JXL은 다루지 않아요. GIF로 바꾼 결과가 너무 크면 GIF 용량 줄이기를 이어서 쓰세요.
참고한 자료
자주 묻는 질문
카톡에 WEBP 움짤을 보냈더니 안 움직여요.
앱이 움직이는 WEBP를 지원하지 않으면 첫 장면만 보여요. 여기서 GIF로 바꿔 보내세요.
GIF를 WEBP로 바꿨는데 더 커졌어요.
장면이 아주 작거나 색이 몇 개뿐인 GIF는 그럴 수 있어요. ‘무손실’을 켜거나 화질을 낮춰 보고, 그래도 크면 원래 GIF를 쓰세요.
파일이 서버로 올라가나요?
아니요. 이 기기 브라우저 안에서만 처리해요.
함께 쓰면 좋은 도구
- GIF 용량 줄이기 (움짤 압축·최적화)움짤 GIF를 색 수·장면 차이·크기·장면 수를 조절해 가볍게 — 전후 용량과 미리보기 비교
- WEBP를 JPG로 변환 (웹 이미지 변환)WEBP·AVIF·PNG·GIF를 JPG나 PNG로, 투명 배경 색 지정
- GIF 속도 바꾸기·거꾸로 재생·반복 횟수 (움짤 편집)움짤을 0.25~4배 빠르게·느리게, 거꾸로·부메랑(앞뒤로)으로, 무한 반복이나 몇 번만 재생으로
- 사진 용량 줄이기 (목표 용량 KB 지정)JPG·PNG를 300KB 이하처럼 목표 용량에 맞춰 압축, 여러 장 ZIP
- PNG 용량 줄이기 (투명 배경 그대로, 색 수 줄이기·무손실 최적화)투명 배경을 지킨 채 PNG를 60~80% 작게: 색 수 줄이기(256색 이하) + 무손실 최적화, 여러 장 ZIP
- 사진 크기 바꾸기 (픽셀·비율 리사이즈)가로·세로 픽셀, 퍼센트, 자주 쓰는 크기로 여러 장 한 번에