TR

SVG'den Base64'e

SVG ikonlarını CSS arka planları ve HTML için data URI'ye çevir. Base64'ü ya da SVG'yi okunur bırakan, daha kısa URL kodlu biçimi seç.

Ücretsiz ve gizli. Her şey tarayıcında çalışır, hiçbir şey yüklenmez.

Nasıl kullanılır

  1. SVG dosyanı ekleDosyayı aç ya da giriş alanına bırak. Base64'ü doğrudan da yapıştırabilirsin.
  2. Çıktıyı seçData URI, Base64, CSS, HTML ya da Markdown'ı seç. Önizleme ve boyutlar hemen güncellenir.
  3. Kopyala ya da indirKodu tek tıkla kopyala ya da görseli dosya olarak indir.

Base64 mü, URL kodlu mu?

SVG metin olduğu için Base64'e ihtiyaç duymaz. URL kodlama seçeneğini açarsan araç SVG'yi metin olarak tutar, sadece onu bozacak karakterleri kodlar ve genelde daha kısa, daha iyi sıkışan bir sonuç verir.

Bir sistem sadece Base64 data URI kabul ediyorsa Base64 yine işe yarar; iki biçim de tek tık uzağında.

SVG formatı hakkında

SVG metin tabanlı bir vektör formatıdır. Zaten metin olduğu için Base64'süz de gömülebilir; bu çoğu zaman daha kısa bir sonuç verir.

Base64 formatı hakkında

Base64 ikili veriyi harf, rakam, + ve / kullanarak düz metin olarak yazar. Data URI başına dosya türünü ekler, örneğin data:image/png;base64, böylece tarayıcı onu nasıl göstereceğini bilir.

Sık sorulan sorular

İkon rengini sonradan değiştirebilir miyim?

CSS color ile değiştiremezsin, çünkü SVG bir arka plan görseline dönüşür. Çevirmeden önce SVG'deki dolgu rengini düzenle ya da URL kodlu biçimi kullanıp metindeki renk değerini değiştir.

Görselim yükleniyor mu?

Hayır. Görsel tarayıcında okunur ve çevrilir, sunucularımıza gönderilmez.

Boyut sınırı var mı?

Sabit bir sınır yok, ama yaklaşık 100 KB'tan büyük data URI'ler sayfaları ve stil dosyalarını ağırlaştırır. Büyük görseller için normal görsel dosyası daha iyi bir seçimdir.

PDF ya da font gibi başka dosyaları çevirebilir miyim?

Evet. Her dosya data URI ya da düz Base64 olur. CSS, HTML ve Markdown seçenekleri sadece görseller için sunulur.

Base64'ü görsele nasıl geri çeviririm?

Base64 metnini ya da data URI'yi giriş alanına yapıştır. Görsel hemen görünür, İndir düğmesi onu doğru uzantıyla kaydeder.

İnternetsiz çalışıyor mu?

Evet. Sayfayı bir kez açtıktan sonra internet bağlantısı olmadan da çalışır.