Hareketli Logo Formatı: GIF mi, MP4 mü, WebM mi, Lottie mi?

Hareketli logo (animasyonlu logo ya da logo animasyonu) formatı, logonun nerede oynayacağına göre seçilir: video için MP4, web siteniz için yedek MP4'lü WebM, mail imzası için GIF, yalnızca görsel kabul eden sohbetler ve formlar için GIF ya da hareketli WebP. Lottie veya hareketli SVG, yalnızca logo bir uygulamanın içinde vektör olarak kalmak zorundaysa gerekir.

Hareketli logo formatları üç aileye ayrılır:

• Video (MP4, WebM, MOV): oynatıcı ister.
• Hareketli görseller (GIF, hareketli WebP, APNG): görsel konabilen her yerde oynar.
• Vektör (Lottie, hareketli SVG): piksel yerine şekil saklar.

21 logo animasyonunu MorphLogo'nun beş indirme formatına aktardık ve her dosyayı tarttık: GIF her seferinde kaynak MP4'ten ağır çıktı.

Logonuz var ama animasyonu henüz yok mu? Üretin ve MP4, WebM, WebP, GIF ya da mail imzası GIF'i olarak indirin. Logomu hareketlendir →

PNG, JPG, WebP ya da SVG yükleyin; klip birkaç dakikada hazır. Filigranlı önizlemeyi ücretsiz üretebilirsiniz; her indirme için bir kredi paketi ya da abonelik gerekir.

Hareketli logo için en iyi format hangisi?

Tek bir en iyi format yoktur: en iyisi, logonun gideceği yerin eklentisiz oynattığı formattır. E-posta programları GIF'i oynatır ama videoyu oynatmaz; bazı formlar da yalnızca görsel kabul eder. Çoğu durumda üç dosya yeter: video kullanılan her yer için MP4, e-posta için GIF, web sitenizdeki logo için WebM.

Logo nereye gidiyor?	Format	Neden?
Web sitenizin ana görseli ya da üst alanı	WebM, yedek olarak MP4	21 testin hepsinde MP4, WebP ve GIF'imizden hafif çıktı
Mail imzası	Mail imzası GIF'i	Gmail ve Windows için Outlook 2007–2019 e-postada video oynatmıyor
WhatsApp, forumlar, yalnızca görsel kabul eden formlar	GIF; kabul edildiği yerde hareketli WebP	Oynatıcısız, kendiliğinden ve döngüde oynar
YouTube, Instagram, TikTok, reklamlar, video düzenleyiciler	MP4	Orijinal klip; ses eklediyseniz sesli
Sunumlar	MP4; Google Slaytlar'da GIF	Microsoft PowerPoint için H.264'lü MP4 öneriyor; Apple H.264'ün tüm cihazlarında oynadığını söylüyor; Slaytlar GIF'i görsel olarak kabul ediyor
Uygulama arayüzü, yükleme ekranları, üzerine gelince oynayan efektler	Lottie ya da hareketli SVG	Vektör kalır ve kodla kontrol edilir
LinkedIn şirket sayfası logosu	Sabit PNG ya da JPEG	LinkedIn bu görseller için yalnızca PNG ya da JPEG kabul ediyor

Video düzenleyicide hangi formatı kullanmalıyım?

MP4: yeniden sıkıştırılmamış, üretilen klibin kendisi. H.264 Final Cut Pro'nun desteklenen formatlar listesinde var, WebM yok. 16:9 bir intro için kare bir klibi kırpmak yerine klibi doğrudan 16:9 üretin (MorphLogo 4:3, 1:1, 3:4 ve 9:16 da yapar).

Hareketli logo için MP4 mü GIF mi?

Video oynatılabilen her yerde MP4, oynatılamayan yerde GIF. Testlerimizde GIF, piksellerin dörtte biriyle ve saniyede 24 yerine 15 kareyle bile 21 klibin hepsinde MP4'ten ağır geldi.

Nasıl ölçtük? 19 Eylül 2026'da dört saniyelik 21 kare klibi (960 × 960 px, 24 fps; logo animasyonu örnekleri sayfamızdaki kliplerin aynısı) kullanıcı indirmelerini üreten servisle ve aynı ayarlarla dönüştürdük. Boyutlar ondalık sistemde: 1 KB = 1.000 bayt.

MP4 orijinal kliptir; diğer dördü indirme sırasında ondan dönüştürülür ve daha hafif ya da daha uyumlu bir dosya için piksel, kare ya da renkten feragat eder.

Format	Boyut ve kare hızı	Renk	Döngü
MP4 (H.264)	Klip boyutu (burada 960 px), 24 fps	Tam renk	Oynatıcı tekrarlarsa
WebM (VP9)	Kısa kenar en fazla 1.080 px (burada 960 px), 24 fps	Tam renk	Oynatıcı tekrarlarsa
Hareketli WebP	Kısa kenar en fazla 720 px, 24 fps	Tam renk	Sonsuz
GIF	Uzun kenar 480 px, 15 fps	Kare başına en fazla 256	Sonsuz
Mail imzası GIF'i	Uzun kenar 240 px, 10 fps	64	Bir kez oynar

Yalnızca MP4 ve WebM ses taşır, o da ses eklediyseniz.

Format	Ortanca boyut	21 klipteki aralık	MP4'e göre (ortanca)
MP4	2,00 MB	1,36–2,94 MB	1×
WebM	496 KB	55 KB–1,60 MB	0,25×
Hareketli WebP	984 KB	416 KB–1,77 MB	0,44×
GIF	3,65 MB	2,5–6,4 MB	1,86×
Mail imzası GIF'i	509 KB	343–862 KB	0,26×

MP4, WebM ve WebP neredeyse aynı; GIF renk geçişini titreşim (dithering) noktalarıyla doldurur, imza GIF'i ise büyütünce bloklu görünür, imza boyutunda görünmez.

GIF neden kaynak videodan ağırdır?

GIF yalnızca kareden kareye değişmeyen piksellerde yer kazanır. Üretilmiş kliplerin arka planında ise ince bir gren vardır. Bu yüzden GIF her karede neredeyse tüm pikselleri yeniden yazar. Ayrıca GIF89a belirtimi her kareyi 256 renkle sınırlar ve renk geçişleri kötü sıkışan titreşim noktalarıyla taklit edilir. Video kodekleri ise yalnızca değişeni, tam renkle saklar.

Google'ın web.dev rehberi daha büyük bir fark gösteriyor: 3,7 MB GIF'e karşı 551 KB MP4. O rehber MP4'ü GIF boyutuna dönüştürüyor. Bizim MP4'ümüz iki kat geniş ve GIF yine de 1,2 ile 2,6 kat ağır çıktı.

GIF, e-postada ve görsel kabul edip video kabul etmeyen her yerde hâlâ kazanır; bunun için GIF logo oluşturucu iki GIF boyutunu aynı klipten çıkarır.

Hareketli WebP nereye oturur?

Hareketli WebP ortadadır: oynatıcısız tam renk ve sonsuz döngü, MP4'ün yarısından biraz az ağırlık. Chrome, Edge, Firefox ve Safari'nin güncel sürümleri gösteriyor (Can I use); Gmail ise sabit bir JPEG'e çeviriyor (Can I email). Görsel kabul edip video kabul etmeyen platformlarda kullanın.

Lottie nedir, hareketli SVG ne zaman gerekir?

Lottie, Hernan Torrisi'nin 2015'te After Effects animasyonlarını dışa aktarmak için oluşturduğu açık bir vektör animasyon formatıdır; dosya JSON'dur ve geleneksel olarak Bodymovin eklentisiyle dışa aktarılır. Hareketli SVG ise CSS ya da SMIL ile hareketlendirilmiş bir vektör grafik (SVG) dosyasıdır. İkisi de piksel değil, şekil ve anahtar kare saklar.

Sınırları da burada: bir vektör çizimden (SVG ya da Illustrator) kurulmaları gerekir. Üretilmiş bir klipte parçacıklar ya da parıltılar yalnızca pikseldir; video geri vektör şekillere çevrilemez.

MorphLogo Lottie ya da hareketli SVG dışa aktarmaz: video üretir. Vektör hareket için LottieFiles, Lottielab ya da SVGator gibi bir vektör aracı veya Bodymovin'li After Effects kullanın (elinizdeki dosyaya göre hangisinin uygun olduğu logo animasyon programları karşılaştırmamızda).

Hareketli logonun arka planı şeffaf olabilir mi?

Evet, format alfa kanalına, yani her piksel için bir saydamlık değerine sahipse. GIF ise her pikseli ya tamamen saydam ya tamamen opak bırakabilir.

Şeffaf (transparan) video hangi formatta olur?

Şeffaf arka planlı video formatları alfalı VP9 WebM, alfalı HEVC ve ProRes 4444 MOV'dur; H.264 MP4 şeffaflığı desteklemez. Hareketli görsellerde hareketli WebP ve APNG tam alfaya sahiptir, GIF'te ise yalnızca ya hep ya hiç şeffaflık vardır.

Format	Şeffaflık	Nerede çalışır?
GIF	Bir renk tamamen saydam, gerisi opak (GIF89a)	Her yerde; hale ya da tırtıklı kenarlarla
APNG	Tam alfa	Güncel tarayıcılar; Gmail web ve Android'de değil
Hareketli WebP	Tam alfa	Güncel tarayıcılar; Gmail sabit JPEG'e çevirir
WebM (alfalı VP9)	Tam alfa	Chrome, Edge ve Firefox; Safari alfayı yok sayar
Alfalı HEVC	Tam alfa	iOS 13 ve macOS Catalina ve sonrasında Safari
MOV (ProRes 4444)	Tam alfa, 16 bite kadar	Video düzenleyiciler; 1080p'de yaklaşık 330 Mbps, yayımlamak için fazla ağır
PNG dizisi	Tam alfa, kare başına bir PNG	Hareketli grafik ve kompozisyon programları (Apple Motion dışa aktarır); web dosyası değil, kare klasörü

Bu yüzden web sitesindeki şeffaf bir video iki dosya taşır: çoğu tarayıcı için alfalı VP9 WebM, Safari için alfalı HEVC.

MorphLogo'da hangi formatlar şeffaf arka planla iner?

Şeffaf arka plan, koşulları olan ücretli bir seçenektir:

• Logonuzun arka planı şeffaf olmalı (PNG ya da SVG). Düz zeminli logo ya da JPG kabul edilmez.
• Dört stille çalışır (360° dönüş, Yumuşak süzülme, Esnek zıplama ve Konfeti patlaması) ya da hareketi kendi açıklamanızla tarif edersiniz.
• Klip yeşil ekran üzerinde üretilir ve yeşil indirme sırasında kesilir: WebM, WebP, GIF ve MOV (ProRes 4444) alfa kanalıyla iner. MP4 yeşil ekranı korur, çünkü format şeffaflığı desteklemez.
• Logonun çevresindeki parıltılar kesimde kaybolur ve GIF'in kenarları sert kalır, çünkü her piksel ya saydam ya opaktır. Yumuşak kenarlar için WebM, WebP ya da MOV kullanın.

Yukarıdaki tablodaki boyutlar arka planlı kliplere ait; şeffaf dosyaları ölçmedik.

Şeffaf seçeneği kullanmıyorsanız arka plan her karenin içinde kalır. O zaman:

• Logoyu, gideceği zeminin üzerinde yükleyin. Klip, dosyanızın köşelerindeki renkten yola çıkar; testimizde saf beyaz #F9F9FC olarak döndü.
• Logonuzla başlayan bir stil seçin. Bu stiller arka planı neredeyse aynı tutar; Parçacık birleşimi ya da Glitch patlaması gibi logoyu açığa çıkaran stiller tüm sahnenin ışığını değiştirebilir.

Hareketli logo dosya boyutu ne kadar olmalı?

Mail imzası GIF'ini 500 KB'ın altında tutun (bazı imza hizmetleri 200 KB diyor), web sitesi klibini de hareketin izin verdiği kadar hafif. Testlerimizde dört saniyelik kare bir logo WebM'de 55 KB ile 1,60 MB, imza GIF'i olarak 343 ile 862 KB arasında geldi.

Piksel olarak düşünürseniz: Gmail imzadaki logoyu en fazla 100 px yükseklikte gösterir, imza GIF'imiz de uzun kenarda 240 px'tir. Web sitesi ve video için klibi 4–10 saniye, 480p'den 4K'ya kadar üretebilirsiniz; WebP 720 px'te, GIF 480 px'te kalır.

Mail imzası GIF'i kaç KB olmalı?

Ne Gmail ne Outlook bir sınır yayımlıyor. Litmus e-posta GIF'leri için en fazla 1 MB öneriyor; imzalar için WiseStamp 500 KB'ın altını, Letsignit en fazla 200 KB'ı tavsiye ediyor. İmza GIF'imiz logoyla başlayan stillerde 384–402 KB geldi: WiseStamp sınırının içinde, Letsignit'inkinin değil. 500 KB'ı geçenler parçacık ya da cam kırılması gibi tüm kareyi hareket ettiren kliplerdi; 21 klibin hiçbiri 200 KB'ın altına inmedi.

Okunup okunmayacağını format değil, ekrandaki boyut belirler. Gmail imza görsellerini en fazla 100 px yükseklikte gösteriyor. Bu yükseklikte test logomuz 960 px'ten 100 px'e iner. Elmas simge yaklaşık 16 px'te kalır ve görünür; VERTEX yazısı yaklaşık 6 px'te. İki satırlık slogan bir iki piksele düşer: hangi formatta olursa olsun okunmaz.

İmzada yalnızca simgeyi ya da yazı logoyu bırakın, sloganı metin olarak yazın. Windows için Outlook 2007–2019 yalnızca ilk kareyi gösterir; bu yüzden logonuzla başlayan bir stil seçin. Ekleme adımları hareketli mail imzası rehberimizde.

Web sitesindeki logo videosu ne kadar olmalı?

Web sayfasında boyut yükleme süresidir ve onu hareket belirler. Logoyu bütün tutan stiller WebM'de 111–143 KB, eskizle açılışlar ortanca 87 KB geldi; tüm kareyi değiştiren parçacık ya da sıvı stiller ortanca 615 KB'a, en fazla 1,60 MB'a çıktı. Daha uzun bir klip ya da 1080p veya 4K, MP4 ve WebM'i büyütür; WebP 720 px'te, GIF'ler 480 ve 240 px'te kalır.

Hareketli logo web sitesine nasıl eklenir?

Sessiz ve döngüde oynayan bir HTML <video> öğesine koyun; önce WebM, yedek olarak MP4 ve kapak görseli (poster) olarak orijinal logo dosyanız.

<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>

• autoplay ile muted: Chrome ve iOS'ta Safari sessiz otomatik oynatmaya izin verir.
• playsinline: iPhone'da video tam ekran açılmak yerine sayfanın içinde kalır.
• loop: bitince başa döner (MDN).
• Önce WebM: MP4 öndeyse tarayıcı daha hafif WebM'i kullanabilecekken bile MP4'ü seçer.
• poster: yüklenirken görünür. Logo dosyanızı kullanın: tüm stiller onda bitecek şekilde yönlendirilir.

Ana görselde GIF kullanmayın. Bizimkiler ortanca olarak WebM'in 8 katı ağırlıktaydı; üstelik daha az renk ve kareyle.

Yayımlamadan önce iki kontrol:

• Klip tekrar ediyorsa duraklatma ekleyin. WCAG 2.2 ölçüt 2.2.2, kendiliğinden hareket eden, beş saniyeden uzun süren ve başka içerikle birlikte görünen içeriğin durdurulabilmesini istiyor. Döngüdeki dört saniyelik klip bu kapsama girer: bir duraklat düğmesi ya da controls ekleyin veya loop'u kaldırın.
• Döngü noktasını kontrol edin. Örnek galerimizdeki güncel 89 klibi tek tek izledik: 3D yörünge 19 klibin 12'sinde döngüyü kesintisiz kapattı, 360° dönüş neredeyse her seferinde küçük bir sıçrama bıraktı, Sinematik açılış ise başladığından daha parlak bittiği için her seferinde göz kırptı. Stil stil tablo döngüsel logo animasyonu sayfasında.

Hareketli Logo Formatları Hakkında Sıkça Sorulan Sorular

MP4 nedir, GIF neyin kısaltmasıdır?

MP4 (MPEG-4 Part 14), görüntüyü ve sesi birlikte taşıyan bir video kapsayıcısıdır; web'de ve telefonlarda en yaygın kodeği H.264'tür. GIF, Graphics Interchange Format'ın kısaltmasıdır: CompuServe'ün 1987'de yayımladığı, kare başına en fazla 256 renkli ve sessiz bir görsel formatıdır. Kısacası MP4 bir videodur, GIF ise art arda oynayan görsellerdir; bu yüzden GIF oynatıcı istemez ama ses taşıyamaz.

WebM nedir?

WebM, web için tasarlanmış açık ve lisans ücreti gerektirmeyen bir video formatıdır; genellikle VP8 ya da VP9 video ve Opus ya da Vorbis ses taşır. Güncel tarayıcılar eklentisiz oynatır ve testlerimizde ortanca olarak MP4'ün dörtte biri kadar geldi. Final Cut Pro desteklemez: düzenleme için MP4'ü saklayın.

WebM dosyası nasıl açılır?

Dosyayı Chrome, Edge ya da Firefox penceresine sürükleyin; VLC de eklentisiz açar. Video düzenleyiciniz WebM'i tanımıyorsa (Final Cut Pro gibi) MorphLogo'da aynı klibi MP4 olarak indirin: MP4 orijinal klip olduğu için kalite kaybı olmaz.

MOV nedir, logo için ne zaman gerekir?

MOV, Apple'ın QuickTime kapsayıcısıdır; içinde H.264 de olabilir, ProRes 4444 gibi alfa kanallı bir kodek de. Logo için asıl işi, şeffaf bir klibi video düzenleyiciye taşımaktır. Dosya çok büyüktür (1080p'de yaklaşık 330 Mbps), web'de ya da sosyal medyada yayımlamak için kullanmayın.

PNG hareketli olabilir mi?

Evet, APNG (hareketli PNG) olarak. Hareketli GIF gibi çalışır ama 24 bit renk ve tam alfa şeffaflığıyla; Chrome, Edge, Firefox ve Safari'nin güncel sürümleri oynatır. Destek olmayan yerde yalnızca ilk kare görünür; Gmail web ve Android'de desteklemez. PNG logonuzu hareketlendirmek istiyorsanız MorphLogo'ya yükleyip klibi MP4, WebM, WebP ya da GIF olarak indirin; APNG indirmeler arasında yok.

Logolar hangi formatta olmalı: PNG mi JPG mi?

Logo farklı zeminlerde kullanılacaksa PNG: kayıpsız sıkıştırır ve şeffaflığı destekler, JPEG'in ise alfa kanalı yoktur. Baskı ve yeniden boyutlandırma için vektör orijinali saklayın: SVG, EPS ya da PDF. MorphLogo PNG, JPG, WebP ya da SVG kabul eder; şeffaf arka plan seçeneği için arka plansız bir PNG ya da SVG yükleyin.