# 미리 보기 및 커스터마이즈
Webflow에 삽입하기 전에 재생, 렌더러, 배경을 확인하세요.

앱 미리 보기는 애니메이션을 준비하는 화면이며 최종 Webflow 런타임과 같지 않습니다. 의도한 상태로 삽입하기 위해 사용한 뒤, 결과 요소를 Webflow Preview와 스테이징 사이트에서 다시 테스트하세요.

<Image src="https://assets.docs.lottiefiles.com/static/d79aa51604-640.webp" alt="Webflow의 애니메이션 미리 보기 컨트롤과 삽입 액션" caption="Webflow의 애니메이션 미리 보기 컨트롤과 삽입 액션" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/d79aa51604-640.webp 640w, https://assets.docs.lottiefiles.com/static/d79aa51604-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/d79aa51604-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkElEQVR4nEWOQQqCUAAFvYR9pcjMhQXpT/1ZmJHVKrTAlRq0Sbv/BYqJJGgxiwfDY7RL0/Hl2jw5lRXJ7kB6PFM0HXn1eGsyVMhohdqkLENFvM/6XdRtj2aaJtZojDAGRGGEt00J1glF9ROc+QJ1u6MLgfQ9hoaOL4P/g2XbzFSAM53gxhkiznGzsu/K6/b1AVVHRGczVi9SAAAAAElFTkSuQmCC" />

## 재생 확인

- 애니메이션을 재생하고 일시 정지합니다.
- 타임라인을 이동해 각 순간을 자세히 확인합니다.
- 한 번 재생한 뒤 멈춰야 한다면 반복을 끕니다.
- 사용할 수 있는 재생 속도를 차례로 확인합니다.
- 투명 배경과 실제 페이지를 대표하는 배경에서 아트워크를 살펴봅니다.

## 렌더러 선택

- **Automatic**은 원본과 필요한 기능에 맞는 렌더러를 사용합니다.
- **SVG Player**는 일반 Lottie JSON 재생에 적합합니다.
- **ThorVG Player**는 멀티 애니메이션, 테마, 상태 머신 같은 dotLottie 기능을 미리 봅니다.

고급 파일을 SVG Player로 바꾸면 해당 기능이 유지되지 않을 수 있으므로 앱이 먼저 경고합니다.

## 구조 변경은 Lottie Creator에서

레이어, 타이밍, 키프레임, 이징, 테마 또는 상태 머신 구조를 바꿔야 한다면 Lottie Creator에서 애니메이션을 여세요. 결과를 올바른 Workspace 위치에 저장하고 Webflow로 돌아와 검토한 버전을 삽입합니다.

## 관련 문서

- [애니메이션 색상 변경](/ko/integrations/webflow/04_prepare/recoloring-an-animation)
- [플레이어 설정](/ko/integrations/webflow/05_insert-and-publish/configuring-the-player)
- [테마 사용](/ko/integrations/webflow/04_prepare/using-themes)