ToolsMaxxing

Görselden Base64’e

Bir görseli Base64 metni veya data URL olarak kodlayın.

veya görsel dosyalarını buraya sürükleyip bırakın

JPG, PNG, WebP, GIF, AVIF, BMP veya SVG görselleri · Birden fazla dosya desteklenir

Dosyalarınız cihazınızda kalır

  1. 1Dosya ekle
  2. 2Ayarla
  3. 3İndir

Nasıl çalışır

  1. 1Bir veya daha fazla görsel seçin ya da sayfaya sürükleyin.
  2. 2Çıktıyı seçin: data URL, düz Base64 metni, HTML img etiketi veya CSS background-image.
  3. 3Metni kopyalamak için Tümünü kopyala’ya, dosya olarak saklamak için .txt olarak kaydet’e basın.
  4. 4Kodunuza, e-posta şablonunuza veya stil dosyanıza yapıştırın.

Seçenekler ne işe yarar

Data URL
Tam “data:image/png;base64,...” metni. Doğrudan bir görselin src değeri olarak veya bir CSS url() içinde çalışır.
Yalnızca Base64 metni
Yalnızca kodlanmış karakterler; düz Base64 isteyen API’ler ve JSON alanları için.
HTML img etiketi
İçinde data URL bulunan hazır bir img elemanı.
CSS background-image
Görseli arka plan olarak kullanan bir CSS satırı.

Gizlilik

Bu araç tarayıcınızda çalışır. Dosyalarınız hiçbir sunucuya yüklenmez.

Sık sorulan sorular

Görselim yükleniyor mu?

Hayır. Görsel tarayıcınızda kodlanır ve metin yalnızca size gösterilir.

Base64 metni neden görselden büyük?

Base64 her 3 baytı 4 karakter olarak yazar, bu yüzden metin dosyadan yaklaşık üçte bir büyüktür.

Ne zaman data URL kullanmalıyım?

Simgeler, bir e-postadaki küçük logo veya yer tutucu gibi küçük şeyler için. Daha büyük görsellerde normal bir dosya daha hızlıdır, çünkü tarayıcılar onu önbelleğe alabilir.

SVG ile çalışır mı?

Evet. SVG dosyaları image/svg+xml data URL’leri olarak kodlanır.

Base64’ü tekrar görsele çevirebilir miyim?

Görüntülemek için data URL’yi tarayıcının adres çubuğuna yapıştırın veya Geliştirici araçları sayfasındaki bir Base64 çözücüyü kullanın.

İlgili araçlar