Lottie 프리뷰 & 옵티마이저

Lottie 애니메이션 프리뷰, SVG 복사/다운로드, JSON 최적화 및 실시간 편집을 로컬에서 수행.

*.json (Lottie format)

Lottie 애니메이션 미리 보기 및 최적화 방법

Lottie JSON 파일을 업로드하거나 드래그하여 플레이어에서 애니메이션 미리 보기를 로드합니다.

'레이어 및 리소스' 탭을 사용하여 애니메이션 내부의 텍스트 요소를 수정하거나 이미지 레이어를 대체합니다.

'진단 및 압축' 탭으로 이동하여 좌표의 소수점 자릿수를 설정하고 메타데이터 제거 옵션을 활성화하여 파일을 압축합니다.

최적화된 Lottie 파일을 저장하려면 'JSON 내보내기'를 클릭하거나 현재 프레임의 SVG 코드를 복사하여 Figma에서 사용합니다.

Lottie 최적화는 어떻게 파일 크기를 줄이나요?

Lottie JSON 파일에는 종종 좌표 및 키프레임 곡선에 대한 과도한 소수점 정밀도가 저장됩니다. 부동 소수점을 소수점 아래 1~2자리로 자르고 쓸모없는 작성 메타데이터를 제거하면 시각적 차이 없이 파일 크기를 30%~70%까지 줄일 수 있습니다.

After Effects 없이 Lottie 텍스트 레이어를 편집할 수 있나요?

예. 에디터가 편집 가능한 텍스트 레이어를 분석합니다. 브라우저에서 직접 텍스트를 수정하거나 문자열을 번역하고 이미지를 바꾼 뒤 실시간으로 변경 사항을 즉시 미리 볼 수 있습니다.

복사한 SVG 코드를 Figma에서 어떻게 사용하나요?

'SVG 코드 복사'를 클릭하면 현재 프레임이 ¢쳐집니다. Figma에 직접 붙여넣으면(Cmd+V / Ctrl+V) 대응하는 벡터 레이어와 그룹이 자동으로 생성됩니다.

브라우저에서 직접 JSON 데이터를 포맷하고 압축하며 유효성을 검증합니다.

물리, 개발, 금융, 생활, 공학, 시간 및 지리 분야의 40가지 실시간 단위 변환기.

MD5, SHA-1/256/512, AES, DES, HMAC, Base64, URL, Hex, Unicode, HTML 엔티티 및 비밀번호 생성기를 지원합니다.

브라우저에서 로컬로 JSON Web Token (JWT)을 디코딩, 검증 및 생성합니다. HS256, RS256, ES256, EdDSA 등을 완벽 지원합니다.