GIF는 여러 장의 이미지를 이어 붙여 만든 움직이는 그림(애니메이션) 형식이에요. 모든 곳에서 쉽게 재생되지만, 색이 단순하고 파일 크기가 커질 수 있는 단점이 있습니다.
PNG는 움직이지 않는 고화질 이미지를 저장할 때 사용하는 형식으로, 투명 배경을 지원하고 화질 손실이 없어서 로고나 아이콘처럼 선명한 이미지를 표현할 때 좋아요.
dotLottie(.lottie)는 여러 개의 애니메이션 파일과 그 안에 들어가는 이미지나 색상 테마 같은 자원을 하나로 묶은 가벼운 파일 형식이에요. 덕분에 용량이 작고 로딩이 빠르며, 확대해도 깨지지 않는 깔끔한 애니메이션을 만들 수 있습니다.
출처 : Lottie 홈페이지
항목
GIF
PNG
dotLottie(.lottie)
용량
큼 (보통 2MB 이상)
중간~큼 (보통 1MB 내외)
작음 (보통 300kb 이내)
요청
여러 개 (이미지 등)
여러 개 (이미지 등)
1개
이미지 선명도
비트맵이기 때문에
확대 시 깨질 수 있음
비트맵이기 때문에
확대 시 깨질 수 있음
백터이기 때문에 선명
움직임
O
X
O
PNG, GIF는 비교적 누구나 쉽게 만들 수 있는 포맷입니다. 간단한 툴이나 앱을 이용하면 별도의 전문 지식 없이도 만들 수 있습니다. 반면 Lottie는 조금 더 전문적인 영역으로, 모션 디자이너나 개발자가 After Effects나 Lottie 전용 툴을 활용해 작업합니다. 대신 완성된 애니메이션은 가볍고 선명하며, 앱이나 웹에서도 부드럽게 재생된다는 장점이 있습니다.
