자주 묻는 질문
Lottie Inspector를 쓰면서 가장 많이 받는 질문을 모았습니다. 더 깊은 내용은 가이드를 참고하세요.
내 파일이 서버로 업로드되나요?
아니요. 모든 파일은 브라우저의 메모리 안에서만 읽히고 재생됩니다. 네트워크로 전송되지 않으며, 탭을 닫으면 사라집니다. 출시 전 비공개 에셋이나 사내 디자인 시스템 파일도 안심하고 검수할 수 있습니다. 개발자 도구의 네트워크 탭에서 직접 확인해 보셔도 됩니다.
어떤 파일 포맷을 지원하나요?
.json(Lottie/Bodymovin 원본)과 .lottie(dotLottie 컨테이너)를 지원합니다. .lottie는 브라우저 안에서 압축을 풀어 내부의 모든 애니메이션을 각각 보여줍니다. 폴더를 통째로 끌어다 놓으면 하위 폴더까지 재귀적으로 탐색합니다.
애니메이션이 아예 표시되지 않아요
대부분 다음 중 하나입니다.
① 파일이 Lottie JSON이 아닌 경우 — 일반 JSON 데이터 파일이나 애니메이션 데이터가 없는 파일은 목록에서 제외됩니다.
② After Effects의 지원되지 않는 기능(일부 표현식, 특정 이펙트)을 사용한 경우 — 내보내기 설정에서 해당 레이어를 셰이프로 변환해 보세요.
③ 매우 오래된 Bodymovin 버전으로 내보낸 파일 — 최신 플러그인으로 다시 내보내면 해결되는 경우가 많습니다.
After Effects에서 보던 것과 색이 달라 보여요
After Effects의 작업 색 공간과 브라우저의 sRGB 렌더링 차이 때문일 수 있습니다. AE 프로젝트 설정에서 색 공간을 sRGB로 맞추고 다시 내보내 보세요. 또한 반투명 레이어가 겹치는 경우 배경색에 따라 최종 색이 달라지므로, 배경 전환 기능으로 실제 서비스 배경 위에서 확인하는 것이 정확합니다.
파일 크기는 어느 정도가 적당한가요?
정답은 없지만 실무 감각으로는 아이콘·마이크로 인터랙션은 10~30KB, 일러스트 수준의 씬은 100KB 이하를 권장합니다. 수백 KB가 넘는다면 base64 이미지가 인라인됐거나 패스가 과도하게 복잡한 경우가 대부분입니다. 파일 크기순 정렬로 최적화 대상을 찾고, 최적화 팁을 참고하세요.
레이어 수는 왜 표시하나요?
레이어 수는 런타임 렌더링 비용의 대략적인 지표입니다. 레이어가 수백 개면 저사양 Android 기기나 오래된 브라우저에서 프레임 드랍이 발생할 수 있습니다. 같은 모션이라면 레이어가 적을수록 좋습니다.
모바일에서도 쓸 수 있나요?
모바일 브라우저에서도 열리지만, 폴더 드래그 앤 드롭과 대량 파일 검수는 데스크톱 환경에 최적화되어 있습니다. 파일 선택 버튼으로 개별 파일을 여는 것은 모바일에서도 동작합니다.
무료인가요? 상업 프로젝트에 써도 되나요?
네, 완전 무료이며 회원가입도 없습니다. 회사 업무·상업 프로젝트의 에셋 검수에 자유롭게 사용하세요. 서비스 운영비는 페이지의 광고로 충당됩니다.
광고는 왜 표시되나요?
도메인·호스팅 등 운영 비용을 충당하기 위해 Google AdSense 광고를 게재합니다. 광고는 검수 화면을 가리지 않도록 배치하며, 파일 데이터는 광고와 무관하게 브라우저 밖으로 나가지 않습니다. 자세한 내용은 개인정보처리방침을 참고하세요.
버그를 발견했어요 / 기능을 제안하고 싶어요
언제든 환영합니다. dlaudwls1203@gmail.com으로 재현 방법이나 아이디어를 보내주세요. 문제가 된 파일을 함께 첨부해 주시면 (공개 가능한 파일에 한해) 훨씬 빠르게 확인할 수 있습니다.