728x90
300x250
SMALL
주의할 점
1. JSON 용량 주의
복잡한 애니메이션일 수록 JSON용량이 커진다. 모바일 환경에서는 속도 저하의 원인이 될 수 있다.
2. 이미지 대신 벡터 사용 권장
이미지가 포함된 경우 렌더러가 제대로 해석하지 못하거나 무거워질 수 있다.
3. 호환되지 않는 AE 기능 사용 금지
- 3D레이어
- 표현식
- 마스크 일부 기능 등은 변환 시 누락될 수 있음
디버깅 방법
- 개발자 도구로 콘솔 에러 확인
- 렌더러 변경(svg, canvas, html) 후 테스트
728x90
반응형
LIST
'Front-end > 애니메이션' 카테고리의 다른 글
css 애니메이션 기초 : hover - 버튼, 링크, 카드에 인터랙션 주기 (0) | 2025.05.11 |
---|---|
숫자 변경 애니메이션 -비 (0) | 2025.05.10 |
Lottie 애니메이션 제어하기(재생/정지/속도 등) (0) | 2025.05.06 |
웹사이트에 Lottie애니메이션 적용하기 (0) | 2025.05.06 |
Lottie 애니메이션 만드는 법(After Effects + Bodymovin) (0) | 2025.05.05 |
댓글