SVG'ye görüntü ve yazı tipi gömün
Bir SVG ile başvurduğu görüntüleri (PNG, JPEG, WebP, GIF) veya yazı tiplerini (TTF, OTF, WOFF, WOFF2) ekleyip varlıkları ayrı paylaşma gereksinimini azaltmak için tek bir SVG'de birleştirin. Her başvuru için kullanılacak varlığı belirtip SVG'yi oluşturun. Önizlemesi başarıyla görüntülendiğinde kaydedebilirsiniz. Harici URL'lerdeki varlıklar otomatik alınmaz.
Yapabilecekleriniz
Görüntüleri ve yazı tiplerini paketleyin
Ayrı varlık gönderme gereksinimini azaltmak için eklenen yerel varlıkları SVG'ye gömün.
Başvuruları ve varlıkları kontrol edin
SVG'deki her görüntü yolu veya yazı tipi adı için karşılık gelen dosyayı belirtin. Çözümlenmemiş başvurular varken SVG oluşturulmaz.
Oluşturulan SVG'nin görünümünü kontrol edip kaydedin
Görüntü olarak nasıl göründüğünü kontrol edin ve gömülü varlıklarla birlikte SVG'yi kaydedin. Özgün dosyaların üzerine yazılmaz.
Nasıl kullanılır
Bir SVG ve varlıkları ekleyin
Bir SVG ile başvurduğu görüntüleri ve yazı tiplerini seçin. Bunları bir klasörden birlikte de ekleyebilirsiniz.
Gömülecek varlıkları eşleyin
Her başvuru için kullanılacak yerel dosyayı kontrol edin. Otomatik eşleşmeyen başvurular için eklenmiş varlıklar arasından seçim yapın.
SVG oluşturun
Çözümlenmemiş başvuru kalmadığında “Görüntüleri ve yazı tiplerini içeren SVG oluştur” düğmesine basın.
Görüntüyü kontrol edip kaydedin
Kaydetmeden önce oluşturulan önizlemedeki metni ve görüntüleri kontrol edin. Görüntülenemezse özgün SVG'yi ve varlıkları kontrol edin.
Ne zaman kullanışlıdır
SVG'yi ve varlıkları birlikte teslim edin
Farklı klasörlerdeki görüntü ve yazı tiplerine başvuran bir grafiği kolayca teslim edilebilen tek bir SVG'de birleştirin.
Bozuk başvuruların nedenini kontrol edin
Gerekli varlıkları eklenen dosyalarla karşılaştırın, ardından eksik görüntüleri veya yazı tiplerini belirtin.
Başvurular ve gömme nasıl çalışır
Göreli yollar ve dosya eşleştirme
SVG'ye göreli başvuru yolu, eklenen bir varlığın yoluyla benzersiz biçimde eşleştiğinde başvurular otomatik eşlenir. Farklı klasörlerde aynı adlı dosyalar veya birbiriyle çakışan adaylar varsa elle seçim yapın.
Her yazı tipi adı için dosyayı belirtin
Araç, yalnızca SVG'deki yazı tipi adlarına bakarak aygıtınızdan yazı tipi çıkarmaz. Gerekli yazı tipi dosyalarını ekleyip eşleşen dosyaları belirtin.
URL'lerdeki varlıklar otomatik alınmaz
Harici URL'ye başvurulsa bile görüntüleri veya yazı tiplerini yerel olarak sağlayıp belirtin. Bu ekranda URL'lerden varlık alma işlemi yoktur.
Gömme işlemi dosya boyutunu küçültmekten ayrıdır
Görüntü verilerini SVG'ye eklemek SVG dosyasının boyutunu artırabilir. Yazı tipleri WOFF2'ye dönüştürülüp gömülür. SVG kodunu ayrı bir araçla optimize edin.
Görüntüleme yöntemine göre farklılıklar
Önizleme SVG'yi görüntü olarak gösterir. Her uygulamada aynı görünüm garanti edilmez; hedefte gerekli görüntülemeyi de kontrol edin.
Sıkça sorulan sorular
Bir varlık bulunamazsa ne yapmalıyım?
Görüntü veya yazı tiplerini ekleyin, ardından ilgili başvuru için seçim alanında belirtin. Klasörler farklıysa, yollar yineleniyorsa veya harici URL'ler varsa otomatik eşleştirme çalışmayabilir.
Hangi varlıkları kullanabilirim?
Görüntüler PNG, JPEG, WebP veya GIF; yazı tipleri TTF, OTF, WOFF veya WOFF2 olabilir. SVG'leri birer birer belirtin.
Yazı tiplerini otomatik bulur mu?
Araç, yalnızca yazı tipi adına bakarak aygıtınızda veya web'de yazı tipi aramaz. Yerel olarak elinizde bulunan dosyayı ekleyip seçin.
Önceden gömülmüş varlıklara ne olur?
Veri URI'si olarak gömülmüş görüntüler ve yazı tipleri ile SVG içindeki # başvuruları harici başvuru olarak sayılmaz. Algılanan çözümlenmemiş başvuru kalmadığında SVG oluşturabilirsiniz.
Varlık eklediğimde veya yeniden seçtiğimde ne olur?
Yalnızca varlık eklerseniz listeye eklenir ve önceden atanmış varlıklar korunur. Örneğin, aynı yolda daha fazla aday kullanılabilir olduğunda otomatik eşleştirmeyi kontrol edin. Yeni bir SVG içeren girdi, geçerli SVG'yi ve tüm varlıklarını değiştirir.
Desteklenmeyen başvurular varsa ne olur?
Harici kullanım veya komut dosyası başvuruları gömülemez. Harici CSS içe aktaran SVG'ler de yüklenemez. SVG'yi seçmeden önce başvuruları özgün uygulamada veya başka bir uygun uygulamada düzenleyin.
SVG dosyasının boyutu küçülür mü?
Bu aracın amacı dosya boyutunu küçültmek değildir. Varlıkları SVG'ye eklemek boyutunu artırabilir. Kodu temizlemek istiyorsanız SVG optimizasyonunu kullanın.
Oluşturulan SVG görüntülenemiyorsa ne yapmalıyım?
SVG başarıyla görüntülenene kadar bu ekranda kaydetme seçeneği gösterilmez. Özgün SVG'yi ve varlıkları kontrol edin, eşlemeleri veya dosyaları gözden geçirip yeniden oluşturun.
Girdi ve sonuçlar
- Girdi
- Bir SVG ile görüntüler ve yazı tipleri. Dosyalardan veya klasörlerden ekleyin.
- Görüntüler
- Eklenen görüntülerin özgün verileri gömülür. Görüntüler yeniden boyutlandırılmaz veya sıkıştırılmaz.
- Yazı tipleri
- Eşlenen yazı tipleri WOFF2'ye dönüştürülüp gömülür.
- Çıktı
- original-name-embedded.svg. Oluşturulan SVG başarıyla görüntülendikten sonra kaydedebilirsiniz.