SVG 애니메이션 생성기 — 한 문장이면 움직이기 시작합니다

가장 잘 맞는 건 미리 정해진 동선을 재생하는 선언형 모션입니다.
(1) 웹·UI 소재 — 로딩, 스스로 그려지는 로고, 파도 배경, 움직이는 404 페이지.
(2) 텍스트 연출 — 타자기, 키네틱 타이포그래피, 스스로 쓰이는 손글씨.
(3) 설명용 도해 — 도는 행성, 타임라인, 자라나는 그래프, 작동 원리 반복 도해.

맞지 않는 것: 자바스크립트 기반 시뮬레이션이나 게임(수치가 실시간으로 변하는 물리 표현, 상호작용 애플릿). 정지된 로고와 일러스트는 GPT Image 2 SVG 생성기를, 순서도와 다이어그램은 AI SVG 다이어그램 생성기를 사용하세요.

네, 이 페이지가 기본적으로 바로 그렇게 작동합니다. Anthropic의 Claude Sonnet 5가 SVG 마크업과 CSS 키프레임을 도형 단위, 프레임 단위로 직접 씁니다. 텍스트 설명에서 벡터 코드를 써 내는 일은 최전선 모델들이 눈에 띄게 잘하게 된 영역이고, Claude는 그중에서도 꾸준히 상위권입니다. 다만 선택지가 이것 하나는 아닙니다. 등급 전환으로 Gemini 3.6 Flash와 Kimi K3도 쓸 수 있고, 고급 설정에서는 GPT-5.6, DeepSeek V4 Flash, MiniMax M3를 직접 지정할 수 있습니다. 위에 한 문장을 적고 코드 보기를 열어, 선택한 엔진이 무엇을 썼는지 직접 확인해 보세요.

웹사이트에 올리는 것이라면 모든 면에서 애니메이션 SVG가 낫습니다. 메가바이트가 아니라 수십 킬로바이트, 어떤 배율에서도 선명함, 매끄러운 무한 반복, 구워진 픽셀이 아니라 고칠 수 있는 코드. GIF의 장점은 딱 하나, SVG 업로드를 받지 않는 플랫폼(일부 메신저와 SNS 피드)에서 재생된다는 점입니다. 기준을 정하자면 자사 사이트·슬라이드·문서에는 SVG, 플랫폼 사정으로 어쩔 수 없을 때만 GIF. 미리 정해 둘 필요는 없습니다. 생성 결과는 모두 같은 결과물에서 GIF와 MP4로 내보낼 수 있고, 브라우저 안에서 처리되므로 추가 크레딧도 들지 않습니다.

두 가지 방법이 있습니다.
(1) 이미지로 — .svg를 올리고 일반 img 태그로 불러오면 됩니다. 파일 안의 CSS 키프레임이 자동으로 재생됩니다.
(2) 인라인으로 — 코드 보기에서 코드를 복사해 HTML에 붙여 넣습니다. 마우스를 올렸을 때 반응하게 하려면 인라인을 쓰세요. 상호작용은 SVG가 페이지 안에 있을 때만 동작합니다.
어느 쪽이든 불러올 스크립트도, 따로 설치할 것도 없습니다.

아니요. 출력물은 순수한 선언형 애니메이션, 즉 SVG 파일 자체에 쓰인 CSS 키프레임(가끔 SMIL)입니다. GSAP도, Lottie 플레이어도, 실행용 라이브러리도 없습니다. 그래서 인라인으로 넣어도 안전하고, 빠르게 로드되며, 현대 브라우저 전반에서 동작합니다. 한 가지만 솔직히 덧붙이면, 대부분의 메일 클라이언트는 SVG 애니메이션을 멈춰 버리므로 뉴스레터에는 GIF가 더 안전합니다.

네, 그게 두 번째 모드입니다. SVG를 올리고 원하는 움직임(외곽선을 한 획씩 그리기, 은은하게 떠다니기, 강조색을 맥박치게 하기 등)을 설명하면, 원본 도형은 그대로 둔 채 애니메이션만 더해집니다. 로고가 PNG나 JPG밖에 없다면 먼저 GPT Image 2 SVG 생성기로 변환한 뒤 여기서 움직이게 하세요.

네, 둘 다 무료입니다. SVG가 본래의 결과물이고, GIF와 MP4는 사용자의 브라우저 안에서 애니메이션을 한 프레임씩 재생하며 만들어집니다. 어디에도 업로드되지 않고 추가 크레딧도 청구되지 않습니다. SVG 업로드가 안 되는 곳에는 GIF를, 숏폼 영상·슬라이드·강의 자료에는 MP4를 쓰세요. MP4 인코딩에는 WebCodecs를 지원하는 브라우저(Chrome, Edge, 최신 Safari)가 필요합니다. 지원하지 않는 환경에서는 SVG와 GIF가 그대로 동작하고 MP4 버튼만 비활성화됩니다.

생성 1회당 10 크레딧으로, 이 사이트의 다른 SVG 도구와 같습니다. 신규 가입자에게는 무료 크레딧을 드리니 먼저 사용해 보세요.

대부분의 애니메이션은 1분도 걸리지 않습니다. 요소가 많은 장면이나 긴 연출은 2분까지 걸릴 수 있습니다. AI가 도형과 키프레임을 하나씩 직접 쓰고 있기 때문입니다.

네. 생성한 애니메이션은 사용자의 것이며 상업적 이용도 무료입니다. 클라이언트 작업에도, 제품 안에도, 유료 콘텐츠에도 쓸 수 있습니다.