움직이는 로고 파일 형식: MP4, GIF, WebM, 로티(Lottie) 중 뭘 쓸까

움직이는 로고 파일 형식은 어디서 재생되는지로 정해요. 영상에는 MP4, 웹사이트에는 WebM과 예비용 MP4, 이메일 서명에는 GIF, 이미지만 받는 메신저·게시판·폼에는 GIF나 움직이는 WebP예요. Lottie(로티)나 SVG 애니메이션은 로고가 앱 안에서 벡터로 남아야 할 때만 필요해요.

움직이는 로고 파일 형식은 세 부류로 나뉘어요.

• 영상(MP4, WebM, MOV): 플레이어가 필요해요.
• 움직이는 이미지(GIF, 움직이는 WebP, APNG): 흔히 '움짤'이라고 부르는 형식이에요. 이미지가 들어가는 곳이면 재생돼요.
• 벡터(Lottie, SVG 애니메이션): 픽셀 대신 도형을 저장해요.

로고 애니메이션 21개를 MorphLogo의 다운로드 형식 다섯 가지로 내보내 용량을 쟀더니, 480px GIF는 21개 모두 원본 MP4보다 컸어요. 크기·프레임·색을 모두 줄인 이메일 서명 GIF만 MP4의 약 4분의 1이었어요.

로고는 있는데 애니메이션은 아직인가요? 생성해서 MP4, WebM, WebP, GIF, 이메일 서명 GIF로 받으세요. AI로 로고 움직이기 →

PNG, JPG, WebP, SVG를 올리면 몇 분 안에 클립이 나와요. 워터마크가 들어간 미리보기는 무료로 만들 수 있고, 모든 다운로드는 크레딧 팩이나 구독이 필요해요.

움직이는 로고는 어떤 파일 형식이 가장 좋나요?

재생될 곳이 따로 도움 없이 틀 수 있는 형식이에요. 메일 앱은 GIF는 재생하지만 영상은 안 하고, 어떤 폼은 이미지만 받아요. 결국 대부분 영상용 MP4 하나, 메일용 GIF 하나, 웹사이트에 올린다면 WebM 하나를 갖게 돼요.

로고가 들어갈 곳	형식	이유
웹사이트 첫 화면·헤더	WebM + 예비용 MP4	21개 테스트 모두에서 MP4, WebP, GIF보다 가벼웠어요
이메일 서명	이메일 서명 GIF	Gmail과 Windows용 Outlook 2007–2019는 메일 안의 영상을 재생하지 않아요
메신저, 커뮤니티 게시판, 이미지만 받는 폼	GIF, 받는 곳이면 움직이는 WebP	플레이어 없이 저절로 반복 재생돼요
YouTube, SNS, 광고, 영상 편집기	MP4	원본 클립이고, 넣었다면 사운드도 있어요
발표 자료	MP4. Google 슬라이드는 GIF	Microsoft는 PowerPoint에 H.264 MP4를 권장하고, Apple은 H.264가 모든 Apple 기기에서 재생된다고 해요. Google 슬라이드는 GIF를 이미지로 받아요
앱 화면, 로딩 화면, 마우스 오버 효과	Lottie, SVG 애니메이션	벡터로 남고 코드로 제어돼요
LinkedIn 회사 페이지 로고	정지 PNG·JPEG	LinkedIn은 이 이미지에 PNG와 JPEG만 받아요

영상 편집기에는 어떤 형식을 넣나요?

MP4예요. 다시 압축하지 않은 생성 클립 그 자체예요. H.264는 Final Cut Pro 지원 형식에 있지만 WebM은 없어요. 16:9 인트로가 필요하면 정사각형을 자르지 말고 처음부터 16:9로 생성하세요(MorphLogo는 4:3, 1:1, 3:4, 9:16도 돼요).

GIF와 MP4 차이: 로고에는 뭘 써야 하나요?

영상이 재생되는 곳에는 MP4, 안 되는 곳에만 GIF를 쓰세요. 테스트에서 480px GIF는 픽셀 수가 4분의 1이고 초당 프레임이 24가 아니라 15인데도 21개 클립 모두 MP4보다 컸어요.

측정 방법. 2026년 9월 19일, 4초짜리 정사각형 클립 21개(960 × 960px, 24fps, 로고 애니메이션 예시 갤러리와 같은 클립)를 사용자 다운로드를 만드는 것과 같은 서비스·같은 설정으로 변환했어요. 용량은 십진법(1KB = 1,000바이트)이에요.

MP4가 원본이고, 나머지 네 형식은 다운로드할 때 MP4에서 변환돼요. 더 가볍거나 호환성이 좋은 대신 픽셀, 프레임, 색 중 무언가를 내줘요.

형식	크기와 프레임	색	반복
MP4(H.264)	클립 크기(여기선 960px), 24fps	풀 컬러	플레이어가 반복하면
WebM(VP9)	짧은 변 최대 1,080px(여기선 960px), 24fps	풀 컬러	플레이어가 반복하면
움직이는 WebP	짧은 변 최대 720px, 24fps	풀 컬러	무한 반복
GIF	긴 변 480px, 15fps	프레임당 최대 256색	무한 반복
이메일 서명 GIF	긴 변 240px, 10fps	64색	한 번 재생

사운드는 MP4와 WebM에만 들어가고, 넣었을 때만 있어요.

형식	중간값	21개 범위	MP4 대비(중간값)
MP4	2.00MB	1.36–2.94MB	1×
WebM	496KB	55KB–1.60MB	0.25×
움직이는 WebP	984KB	416KB–1.77MB	0.44×
GIF	3.65MB	2.5–6.4MB	1.86×
이메일 서명 GIF	509KB	343–862KB	0.26×

MP4, WebM, WebP는 거의 같아요. GIF는 그라데이션이 디더링 점으로 채워지고, 이메일 서명 GIF는 확대하면 계단처럼 보이지만 서명 크기에서는 티가 안 나요.

GIF가 원본 영상보다 용량이 큰 이유는?

GIF는 프레임 사이에 바뀌지 않은 픽셀만 아낄 수 있는데, 생성된 클립은 배경에 미세한 노이즈가 있어서 프레임마다 거의 전부 다시 써요. 게다가 GIF89a 규격은 프레임당 256색으로 제한하고, 그라데이션은 압축이 잘 안 되는 디더링 점으로 흉내 내요. 영상 코덱은 바뀐 부분만, 그것도 풀 컬러로 저장해요.

Google web.dev 가이드는 더 큰 차이를 보여 줘요. 3.7MB GIF와 551KB MP4예요. 그 가이드는 MP4를 GIF 크기에 맞춰 변환했어요. 저희 MP4는 너비가 두 배인데도 GIF가 1.2–2.6배 컸어요.

그래도 메일처럼 이미지는 받고 영상은 안 받는 곳에서는 GIF가 이겨요. 그런 용도라면 로고 GIF 만들기에서 같은 클립으로 두 가지 크기의 GIF를 받을 수 있어요.

GIF가 항상 MP4보다 큰가요?

아니에요. 크기와 프레임, 색을 함께 줄이면 역전돼요. 이메일 서명 GIF(240px, 10fps, 64색)는 중간값 509KB로 MP4 2.00MB의 약 4분의 1이었어요. 대신 확대하면 계단처럼 보여요. 같은 화질로 비교하면 영상 쪽이 가벼워요.

GIF 용량을 줄이려면?

GIF 용량은 크기, 프레임 수, 색 수, 움직이는 면적이 정해요. MorphLogo에서는 세 가지로 줄일 수 있어요.

• 이메일 서명 GIF를 받으세요. 240px, 10fps, 64색이라 테스트에서 343–862KB였어요(일반 GIF 중간값 3.65MB).
• 로고에서 시작하는 스타일을 고르세요. 배경이 거의 그대로라 다시 쓸 픽셀이 적어요. 이런 스타일의 서명 GIF는 384–402KB였어요.
• 짧게 생성하세요. 4초부터 고를 수 있고, 길수록 프레임이 늘어요.

움직이는 WebP는 어디에 쓰나요?

움직이는 WebP는 중간이에요. 풀 컬러에 플레이어 없이 무한 반복되고, 용량은 MP4의 절반이 안 돼요. 최신 Chrome, Edge, Firefox, Safari가 표시하고(Can I use), Gmail은 정지 JPEG로 바꿔요(Can I email). 이미지는 받고 영상은 안 받는 플랫폼에 쓰세요.

로티(Lottie) 파일이란? SVG 애니메이션은 언제 필요한가요?

Lottie는 After Effects 애니메이션을 내보내려고 2015년 Hernan Torrisi가 만든 오픈 벡터 애니메이션 형식이에요. 파일은 JSON이고, 전통적으로 Bodymovin 플러그인으로 내보내요. SVG 애니메이션은 CSS나 SMIL로 움직이는 SVG 파일이에요. 둘 다 픽셀이 아니라 도형과 키프레임을 저장해요.

그게 한계이기도 해요. 벡터 원본(SVG나 Illustrator)에서 만들어야 해요. 생성된 클립의 파티클이나 빛은 그냥 픽셀이고, 영상을 벡터 도형으로 되돌릴 수는 없어요.

MorphLogo는 Lottie나 SVG 애니메이션을 내보내지 않고 영상을 생성해요. 벡터 모션이 필요하면 LottieFiles, Lottielab, SVGator 같은 벡터 툴이나 Bodymovin을 쓴 After Effects를 쓰세요. 가진 파일별로 어떤 툴이 맞는지는 로고 애니메이션 프로그램 비교 글에 있어요.

움직이는 로고를 투명 배경으로 만들 수 있나요?

네, 형식에 알파 채널(픽셀마다 투명도 값)이 있다면요. GIF는 픽셀마다 완전 투명 아니면 완전 불투명만 돼요.

투명 배경 영상은 어떤 형식인가요?

투명 배경 영상 형식은 세 가지예요. 웹에는 VP9 알파 WebM, Safari에는 알파 HEVC, 영상 편집에는 ProRes 4444 MOV를 써요. 흔히 쓰는 H.264 MP4는 투명을 지원하지 않아요. 움직이는 이미지 중에서는 움직이는 WebP와 APNG가 완전한 알파를 지원하고, GIF는 전부 아니면 전무예요.

형식	투명도	쓸 수 있는 곳
GIF	한 색만 완전 투명, 나머지 불투명(GIF89a)	어디서나. 대신 테두리나 계단 현상
APNG	완전한 알파	최신 브라우저. Gmail 웹·Android는 안 돼요
움직이는 WebP	완전한 알파	최신 브라우저. Gmail은 정지 JPEG로 바꿔요
WebM(VP9 알파)	완전한 알파	Chrome, Edge, Firefox. Safari는 알파를 무시해요
알파 HEVC	완전한 알파	iOS 13, macOS Catalina 이후 Safari
MOV(ProRes 4444)	완전한 알파, 최대 16비트	영상 편집기. 1080p에서 약 330Mbps라 웹 게시용으로는 너무 무거워요
PNG 시퀀스	완전한 알파, 프레임마다 PNG 한 장	모션·합성 프로그램(Apple Motion이 내보내요). 웹용 파일이 아니라 프레임 폴더예요

그래서 웹사이트의 투명 영상은 파일이 두 개예요. 대부분 브라우저용 VP9 알파 WebM과 Safari용 알파 HEVC예요.

투명 영상이 검은 배경으로 보이면 잘못 만든 건가요?

대부분 아니에요. 일반 동영상 플레이어나 파일 미리보기는 알파 채널을 무시하고 투명 부분을 검정이나 흰색으로 보여 줄 수 있어요. WebM·WebP는 Chrome이나 Firefox에 끌어다 놓고, MOV(ProRes 4444)는 영상 편집기 타임라인에서 다른 클립 위에 올려 확인하세요. Safari는 WebM의 알파를 무시하니 확인용으로 쓰지 마세요.

MorphLogo에서는 어떤 형식이 투명 배경으로 나오나요?

투명 배경은 조건이 있는 유료 옵션이에요.

• 로고가 투명 배경이어야 해요(PNG나 SVG). 단색 배경 로고나 JPG는 받지 않아요.
• 네 가지 스타일(360° 회전, 부드러운 부유, 통통 바운스, 컨페티 팡)이나 직접 쓴 움직임 설명에서만 돼요.
• 클립은 그린 스크린 위에서 생성되고 다운로드할 때 초록을 빼요. WebM, WebP, GIF, MOV(ProRes 4444)가 알파 채널로 나와요. MP4는 그린 스크린이 그대로예요. 형식 자체가 투명을 지원하지 않거든요.
• 로고 주변의 빛나는 효과는 함께 빠지고, GIF는 가장자리가 딱딱해요. 픽셀이 투명 아니면 불투명이라서예요. 부드러운 가장자리가 필요하면 WebM, WebP, MOV를 쓰세요.

위 표의 용량은 배경이 있는 클립 기준이고, 투명 파일은 재지 않았어요.

투명 옵션을 쓰지 않으면 배경이 프레임마다 들어가요. 그럴 때는:

• 들어갈 곳의 배경색 위에 로고를 올려 업로드하세요. 클립은 파일 모서리 색에서 시작해요. 테스트에서 순백이 #F9F9FC로 돌아왔어요.
• 로고에서 시작하는 스타일을 고르세요. 배경이 거의 그대로 유지돼요. 파티클 조립이나 글리치 버스트처럼 로고를 드러내는 스타일은 장면 전체의 빛이 바뀔 수 있어요.

움직이는 로고 파일 용량은 얼마가 적당한가요?

이메일 서명 GIF는 500KB 이하(일부 서명 서비스는 200KB)로, 웹사이트 클립은 움직임이 허락하는 만큼 가볍게 하세요. 테스트에서 4초 정사각형 로고는 WebM 55KB–1.60MB, 이메일 서명 GIF 343–862KB였어요.

서명에 넣는 GIF는 몇 KB까지?

Gmail도 Outlook도 한도를 공개하지 않아요. Litmus는 메일 GIF를 최대 1MB로 권하고, 서명용으로는 WiseStamp가 500KB 미만, Letsignit이 최대 200KB를 권해요. 로고에서 시작하는 스타일의 서명 GIF는 384–402KB로 WiseStamp 기준은 맞추지만 Letsignit 기준은 넘어요. 500KB를 넘은 건 파티클, 유리 파편처럼 화면 전체가 움직이는 클립이었고, 21개 중 200KB 아래로 내려간 건 없었어요.

읽히는지는 형식보다 화면 크기가 정해요. Gmail은 서명 이미지를 최대 높이 100px로 보여 줘요. 그 높이에서 테스트 로고는 960px에서 100px로 줄어요. 다이아몬드 아이콘은 약 16px로 보이지만, VERTEX 로고타입은 약 6px이에요. 두 줄 슬로건은 1–2px이라 어떤 형식이든 읽을 수 없어요.

서명에는 아이콘이나 로고타입만 남기고 슬로건은 텍스트로 쓰세요. 작은 글자, 특히 작은 한글은 AI 생성 과정에서도 뭉개지거나 다른 글자로 바뀔 수 있어요. Windows용 Outlook 2007–2019는 첫 프레임만 보여 주니 로고에서 시작하는 스타일을 고르세요. 넣는 방법은 움직이는 이메일 서명 가이드에 있어요.

웹사이트 로고 영상은 몇 KB까지?

웹페이지에서 용량은 곧 로딩 시간이고, 움직임이 정해요. 로고가 온전히 유지되는 스타일은 WebM 111–143KB, 스케치 리빌은 중간값 87KB였어요. 화면 전체가 바뀌는 파티클이나 리퀴드는 중간값 615KB, 최대 1.60MB였어요. 클립이 길거나 1080p·4K면 MP4와 WebM이 커지고, WebP는 720px, GIF는 480px과 240px으로 고정돼요.

홈페이지에 움직이는 로고를 넣는 방법

음소거·반복 재생하는 HTML <video> 요소에 WebM을 먼저, MP4를 예비로 넣고, 원본 로고 파일을 포스터 이미지로 쓰세요.

<video autoplay muted loop playsinline
       poster="/images/logo.png" width="480" height="480">
  <source src="/media/logo-animation.webm" type="video/webm">
  <source src="/media/logo-animation.mp4" type="video/mp4">
</video>

• muted와 autoplay: Chrome과 iOS Safari는 소리 없는 자동 재생을 허용해요.
• playsinline: iPhone에서 전체 화면으로 열리지 않고 페이지 안에서 재생돼요.
• loop: 끝나면 처음으로 돌아가요(MDN).
• WebM 먼저: MP4가 앞에 있으면 더 가벼운 WebM을 쓸 수 있어도 브라우저가 MP4를 골라요.
• poster: 로딩 중에 보여요. 모든 스타일은 원래 로고로 끝나도록 유도되니 로고 파일을 쓰세요.

첫 화면에 GIF는 쓰지 마세요. 저희 GIF는 중간값 기준 WebM의 8배였고, 색과 프레임도 더 적어요.

올리기 전에 두 가지를 확인하세요.

• 반복 재생이면 일시정지 버튼을 넣으세요. WCAG 2.2 성공 기준 2.2.2는 저절로 움직이고, 5초를 넘고, 다른 콘텐츠와 함께 있는 것을 멈출 수 있어야 한다고 해요. 4초 클립의 반복 재생도 여기에 해당해요. 일시정지 버튼이나 controls를 넣거나 loop를 빼세요.
• 반복 이음새를 보세요. 현재 클립 89개 중 3D 오빗은 19개 중 12개가 끊김 없이 이어졌고, 360° 회전은 거의 늘 살짝 튀었고, 시네마틱 리빌은 시작보다 밝게 끝나서 매번 깜빡였어요. 스타일별 표는 반복 로고 애니메이션 페이지에 있어요.

움직이는 로고 파일 형식 자주 묻는 질문

WebM이란 무엇인가요?

WebM은 웹을 위해 만든 로열티 없는 오픈 영상 형식이에요. 보통 VP8·VP9 영상과 Opus·Vorbis 오디오를 담아요. 최신 브라우저가 플러그인 없이 재생하고, 테스트에서는 중간값 기준 MP4의 4분의 1이었어요. Final Cut Pro는 지원하지 않으니 편집용으로는 MP4를 두세요.

GIF 파일의 단점은 무엇인가요?

프레임당 256색이라 그라데이션에 점이 생기고, 영상보다 훨씬 무거워요(테스트에서 MP4의 1.86배, 중간값). 사운드가 없고, 투명은 픽셀마다 전부 아니면 전무라 가장자리가 딱딱해요. 그래도 메일 서명처럼 영상이 안 되는 곳에서는 GIF밖에 없어요.

PNG도 움직일 수 있나요?

네, APNG(움직이는 PNG)로요. GIF처럼 움직이지만 24비트 색과 완전한 알파 투명을 지원하고, 최신 Chrome, Edge, Firefox, Safari가 재생해요. 지원하지 않는 곳에서는 첫 프레임만 보이고, Gmail 웹·Android는 지원하지 않아요. PNG 로고에 움직임을 주고 싶다면 MorphLogo에 올려 MP4, WebM, WebP, GIF로 받을 수 있어요. APNG는 다운로드 형식에 없어요.

로고 파일 형식은 PNG와 JPG 중 뭐가 좋나요?

로고가 여러 배경 위에 올라간다면 PNG예요. 무손실 압축에 투명을 지원하고, JPEG에는 알파 채널이 없어요. 인쇄나 크기 조절용으로는 벡터 원본(SVG, EPS, PDF)을 보관하세요. MorphLogo는 PNG, JPG, WebP, SVG를 받고, 투명 배경 옵션에는 배경 없는 PNG나 SVG를 올리세요.