SVG → GIF
SMIL veya CSS ile animasyonlu SVG dosyalarını kare kare çizip GIF’e dönüştürür. Çizim tarayıcıda yapılır, dosyan sunucuya yüklenmez. Reklam dışında ücret yok.
SMIL ya da CSS ile animasyonlu SVG / SVGZ
İpuçları
- Çıktı genişliğini elle belirt; SVG vektör olduğu için piksel ölçüsü senin seçimine bağlıdır.
- Kare hızını ve toplam süreyi girersin; animasyon döngüsünün tamamını kapsayacak süreyi seç.
- Dış kaynaktan font veya görsel çeken SVG’ler eksik çizilir; her şeyi dosya içine göm.
Nasıl kullanılır?
- 1 Animasyonlu SVG dosyanı yükleme alanına bırak veya cihazından seç.
- 2 Çıktı piksel genişliğini, animasyon kare hızını ve animasyonun tam döngü süresini saniye cinsinden ayarla.
- 3 Dönüştürme işlemini başlat ve tarayıcında kare kare çizilen GIF dosyasını indir.
Bilmen gerekenler
CSS veya SMIL ile hareketlendirilen SVG dosyaları, web sitelerinde pürüzsüz vektörel animasyonlar oluştursa da e-posta istemcileri, mesajlaşma uygulamaları ve sosyal platformlar güvenlik gerekçesiyle SVG içindeki komut dosyalarını ve animasyonları engeller. Hareketli bir vektör illüstrasyonunu, logoyu veya simgeyi herkesin görüntüleyebileceği bir animasyona dönüştürmek için piksel tabanlı GIF formatı gerekir. GIF, vektörün matematiksel sonsuz ölçeklenebilirliğini her karede 256 renk indeksine sahip raster kare dizilerine dönüştürür. Böylece animasyonun yürütücü motoru tarayıcı bağımlılığından kurtulur ve her ortamda otomatik oynatılan evrensel bir görsel döngüsü elde edilir.
Bu araç, SVG dosyasındaki animasyon zaman çizelgesini tarayıcının yerel çizim tuvalinde belirlediğin kare hızında adım adım render eder ve WebAssembly derlemesiyle GIF formatına dönüştürür. SVG biçiminde sabit bir piksel boyutu bulunmadığından çıktı genişliğini ve animasyon döngü süresini senin belirlemen gerekir. Dış web fontlarına veya harici görsel bağlantılarına başvuran SVG dosyaları tarayıcı sandbox kısıtlamaları yüzünden eksik çizilebilir; bu nedenle tüm varlıkların dosya içine base64 olarak gömülmesi şarttır. İşlem cihazında gerçekleştiğinden dosyan gizli kalır ancak karmaşık sahnelerde işlemci gücüne bağlı render süresi uzayabilir.
Sık sorulan sorular
SVG içindeki özel yazı tipleri veya harici resimler neden GIF çıktısında görünmüyor?
Tarayıcılar güvenlik gerekçesiyle SVG dosyalarının harici URL adreslerinden font veya görsel çekmesini engeller. Tüm yazı tiplerini yola dönüştürmeli veya harici görselleri SVG içine base64 formatında gömmelisin.
Animasyon süresini ve kare hızını neden elle girmeliyim?
SVG dosyaları video olmadıkları için kesin bir bitiş zamanı veya sabit kare sayısı barındırmaz. Animasyonunun takılmadan tam bir döngü yapabilmesi için CSS veya SMIL süre değerini saniye cinsinden doğru eşleştirmen gerekir.
Vektörel şeffaf arka plan GIF formatında korunur mu?
Evet, ancak GIF formatı pikselleri ya tamamen şeffaf ya da tamamen opak olarak işleyen 1 bitlik şeffaflık kullanır. Yarı şeffaf kenar yumuşatma veya alfa gradyanları içeren SVG ögelerinde hafif pürüzlü kenarlar oluşabilir.
Rehberler
Bu araçla ilgili yazılar ve format rehberleri.
İlgili araçlar
- Lottie → GIF Lottie JSON animasyonlarını kare kare çizip GIF’e dönüştürür; boyut, kare hızı ve zemin rengi seçilir. Dosyan tarayıcıda işlenir, yüklenmez.
- TGS → GIF Telegram animasyonlu çıkartmalarını (TGS) açıp GIF’e çevirir; boyut ve kare hızı ayarlanabilir. Çıkartman tarayıcıda işlenir, sunucuya gitmez.
- Ekran Kaydedici Ekranı, pencereyi veya sekmeyi kaydedip WebM video ya da GIF olarak indirir. Kayıt tarayıcının kendi API’siyle yapılır, sunucuya gitmez. Ücretsiz ve sınırsız.
- GIF → SVG GIF karesini vektör SVG dosyasına çevirir; 256 renkli palet vektörleştirme için idealdir. İşlem tarayıcında yapılır, dosyan yüklenmez. Anında sonuç verir.
- APNG → GIF Animasyonlu PNG (APNG) dosyalarını GIF’e dönüştürür; kare gecikmeleri ve döngü sayısı taşınır. Tüm işlem tarayıcında, yükleme yapılmaz. Anında sonuç verir.
- SVGZ → SVG Gzip ile sıkıştırılmış SVGZ dosyalarını düz metin SVG haline getirir; kodu düzenleyip yeniden kullanabilirsin. Tarayıcıda açılır, sunucuya yüklenmez.