SVG to Animate SVG

🔒 Dosyalarınız tarayıcınızda kalır, sunucuya gönderilmez — dijital ayak izi bırakmadan, tek tıkla SVG'nize animasyon ekleyin. Zengin bir seçenek kütüphanesinden seçin, tek dosyalık SVG olarak indirin.

Önizleme için bir SVG dosyası yükleyin.

Nasıl Yapılır?

  1. 1

    SVG dosyanızı yükleyin

    Animasyon eklemek istediğiniz SVG'yi seçin.

  2. 2

    Kategori seçin

    Path Ortaya Çıkışı veya Bütün Obje Hareketi kategorisinden bir efekt seçin.

  3. 3

    Süre ve gecikmeyi ayarlayın

    Animasyon süresini, gecikmesini ve tekrar sayısını ayarlayın.

  4. 4

    İndirin

    Animasyonu gömülü olarak taşıyan tek bir SVG dosyası indirin.

Özellikler

  • Path Ortaya Çıkışı: 20'den fazla efekt — SVG içindeki her şekli sırayla ortaya çıkarır
  • Bütün Obje Hareketi: 63 hazır tip — tüm SVG'yi tek parça olarak hareket ettirir
  • Süre, gecikme ve tekrar sayısı (loop) ayarlanabilir
  • Animasyon CSS'i doğrudan SVG dosyasının içine gömülür — indirdiğiniz dosya her yerde çalışır
  • Canlı önizleme
  • Tamamen tarayıcıda çalışır — SVG dosyanız sunucuya yüklenmez

Sıkça Sorulan Sorular

Dosyam sunucuya yükleniyor mu?

Hayır. Animasyon uygulama işlemi tamamen tarayıcınızda gerçekleşir — SVG dosyanız hiçbir sunucuya gönderilmez.

İndirdiğim SVG başka bir yerde de animasyonlu çalışır mı?

Evet. Seçilen animasyonun CSS'i (@keyframes ve ilgili kurallar) doğrudan indirilen dosyanın İÇİNE gömülür — dosyayı doğrudan tarayıcıda açtığınızda veya başka bir web sayfasına <img> olarak eklediğinizde de animasyon çalışır.

'Path Ortaya Çıkışı' ile 'Bütün Obje Hareketi' arasındaki fark ne?

Path Ortaya Çıkışı, SVG'nin İÇİNDEKİ her şekli (path/circle/rect/...) sırayla, ayrı ayrı ortaya çıkarır — 20'den fazla efekt seçeneği vardır. Bütün Obje Hareketi ise TÜM SVG'yi tek bir parça gibi hareket ettirir (giriş, çıkış, zıplama, döndürme gibi 63 hazır klasik animasyon efektinden biriyle).

Kaç animasyon seçeneği var?

Path Ortaya Çıkışı kategorisinde 20'den fazla, Bütün Obje Hareketi kategorisinde 63 hazır tip bulunur — toplamda 80'den fazla farklı animasyon kombinasyonu.

İlgili Araçlar