Lottie를 JSON으로 변환
.lottie, Lottie JSON, ZIP에서 꺼낼 애니메이션을 선택하고 JSON을 쓰는 환경에 전달할 파일을 만듭니다. 이미지를 임베드한 1개의 JSON, 또는 JSON과 이미지를 나눈 ZIP을 선택해 움직임을 확인하고 저장할 수 있습니다.
할 수 있는 일
필요한 애니메이션 추출
여러 작품을 포함한 .lottie에서 이번에 쓸 하나를 골라 JSON으로 변환할 수 있습니다.
이미지 전달 방식 선택 가능
이미지를 포함한 JSON 하나 또는 JSON과 이미지를 분리한 ZIP을 선택할 수 있습니다.
변환 후 움직임 확인
만든 파일을 다시 읽어 미리 봅니다. 원래 이미지나 움직임과 비교한 뒤 저장할 수 있습니다.
사용 방법
Lottie 추가
.lottie, Lottie JSON 또는 ZIP을 추가합니다. 일반 데이터 JSON을 애니메이션으로 변환하는 기능은 아닙니다.
작품과 저장 형식 선택
추출할 애니메이션을 선택하고, 이미지를 포함한 JSON인지 이미지를 분리한 ZIP인지 지정합니다.
내용 확인 후 만들기
미리보기와 참조 소재를 확인합니다. 테마 등을 포함한 입력에서는 이어받을 수 없는 내용을 확인한 뒤 만듭니다.
변환 결과를 확인하고 저장
생성한 파일의 미리보기를 확인하고 내려받습니다. ZIP을 쓰는 경우 압축을 푼 JSON과 이미지의 폴더 구성을 유지합니다.
이럴 때 편리
JSON을 받는 환경에 전달
.lottie를 지원하지 않는 사용할 곳에 애니메이션을 JSON으로 전달합니다.
이미지와 움직임 데이터 정리
이미지를 별도 파일로 관리하고 싶을 때 JSON과 이미지를 분리한 ZIP을 받습니다.
JSON 단독과 소재 포함 ZIP
이미지를 포함한 JSON 하나
이미지 데이터를 JSON 안에 포함합니다. 이미지를 별도 파일로 전달할 필요 없이 JSON 하나로 주고받을 수 있습니다.
JSON과 이미지를 분리한 ZIP
JSON과 참조하는 이미지를 일체로 묶습니다. 압축을 푼 뒤 이미지 이름이나 위치를 바꾸면 참조가 맞지 않게 되니 주의하세요.
패키지 고유 설정
테마·대화형 상태·패키지 설정은 일반 애니메이션 JSON으로 이어받을 수 없습니다. 해당하는 입력에서는 명시적으로 확인하고 원본 .lottie도 남겨 두세요.
미리보기와 사용할 곳
재생 속도나 배경은 확인용입니다. 저장 내용은 바꾸지 않습니다. 사용할 곳의 플레이어에서도 이미지와 움직임을 확인하세요.
자주 묻는 질문
애니메이션이 여러 개 들어 있으면 선택할 수 있나요?
네. 확인할 애니메이션을 선택해 그 하나를 변환합니다. 모든 작품을 한꺼번에 JSON으로 내보내는 작업은 아닙니다.
이미지를 별도 파일로 추출할 수 있나요?
'JSON과 이미지를 분리한 ZIP'을 선택하세요. JSON과 이미지를 포함한 일체를 저장할 수 있습니다. 이미지 등 소재만 필요하면 'Lottie에서 소재 추출'을 사용합니다.
테마나 대화형 상태가 남나요?
일반 JSON으로는 이어받을 수 없습니다. 해당하는 입력에서는 확인을 요구하며, 동의할 때까지 만들 수 없습니다. 변환 결과만으로 원래 패키지 전체를 복원할 수 있다고 보장하지는 않습니다.
소재가 부족하면 어떻게 해야 하나요?
참조를 확인하고 필요한 이미지 등을 직접 추가하세요. 후보가 여러 개면 사용할 소재를 선택합니다. 해결될 때까지 JSON·ZIP을 만들 수 없습니다.
어떤 JSON이든 변환할 수 있나요?
Lottie 애니메이션 형식에 맞는 JSON이 대상입니다. 표 데이터나 설정 파일 같은 일반적인 JSON을 움직임으로 변환하는 기능은 없습니다.
입력과 결과
- 입력
- .lottie·Lottie JSON·ZIP과 필요한 직접 가진 소재.
- 출력
- 선택한 애니메이션 하나. 기본은 이미지를 포함한 JSON, 선택적으로 소재 포함 ZIP.
- 원본 파일
- 덮어쓰지 않습니다. 형식이나 대상을 바꾼 뒤에는 다시 만듭니다.