tigtools

Görüntüyü Base64'e dönüştürme

HTML, CSS veya JSON içine ekleyebileceğiniz bir PNG, JPEG, WebP, GIF, SVG ya da ICO dosyasını Base64 metnine dönüştürün veya Base64'ü yeniden görüntüye çevirin. Dosya tarayıcınızdan çıkmaz.

Tarayıcınızda çalışır Kayıt gerekmez

Yön

veya buraya bırakın (en fazla 10 MB). Dosya cihazınızda kalır.

Nasıl kullanılır?

  1. Image → Base64'ı seçip bir görüntü dosyası belirleyin veya tersine çevirmek için Base64 → Image'ı seçin.
  2. İhtiyacınız olan çıktıyı seçin: veri URL'si, düz Base64, HTML img etiketi, CSS background-image kuralı veya Markdown.
  3. Sonucu kopyalayıp kodunuza, e-posta şablonunuza veya JSON'a yapıştırın.
  4. Kodu çözmek için bir veri URL'si veya düz Base64 yapıştırın; görüntünün önizlemesi gösterilir ve görüntüyü indirebilirsiniz.

Nasıl çalışır?

Base64, ikili verileri yazdırılabilir 64 karakterle temsil eder; böylece bir görüntü doğrudan metin biçimlerinin içine yazılabilir. Veri URL'si, başına medya türünü ekler; örneğin data:image/png;base64, ve ardından kodlanmış baytlar gelir. Tarayıcılar, görüntü URL'sine izin verilen her yerde veri URL'lerini kabul eder: img etiketinin src alanında, bir CSS url() içinde veya bir SVG görüntü referansında.

Kodlanmış metin, özgün dosyadan her zaman yaklaşık üçte bir daha büyüktür (her 3 bayt için 4 karakter). Küçük simgeleri ve yer tutucuları satır içine eklemek ayrı bir ağ isteğini ortadan kaldırabilir; ancak satır içine eklenen veriler tek başına önbelleğe alınamaz ve bunları içeren her sayfa veya stil sayfasıyla yeniden indirilir. Bu nedenle, birkaç kilobayttan büyük dosyalarda genellikle avantaj sağlamaz. Birçok e-posta istemcisi veri URL'si kullanan görüntüleri engeller veya kaldırır; bültenlerde kullanmadan önce test edin.

Dosya bayt bayt kodlanır: yeniden sıkıştırma yapılmaz ve dosyanın içindeki meta veriler (EXIF gibi) korunur. Kod çözme sırasında araç tam bir veri URL'sini, düz Base64'ü, URL uyumlu Base64'ü ve CSS url(…) sarmalayıcısıyla birlikte kopyalanmış metni kabul eder. Görüntü türü, etikete güvenilerek değil, kodu çözülen baytlardan algılanır.

Örnekler

Stil sayfasında küçük simge

600 baytlık bir PNG simgesi 800 karakterlik bir Base64 dizgesine dönüşür. CSS çıktısını kullanarak ayrı bir dosya barındırmadan bir sınıfa yapıştırabileceğiniz background-image kuralını elde edebilirsiniz.

API yanıtından görüntü

Bir API, "iVBORw0KGgoAAAANSUhEUg…" gibi bir JSON alanı döndürür. Görüntüyü görmek, boyutunu kontrol etmek ve PNG olarak indirmek için bu alanı Base64 → Image bölümüne yapıştırın.

HTML'de SVG logosu

Bir SVG kodlandığında img etiketinde kullanılabilen bir data:image/svg+xml;base64 URL'si elde edilir. SVG'nin sıkıştırılmamış işaretlemesi genellikle Base64'ten daha kısa olduğundan SVG'yi doğrudan satır içine eklemeyi düşünebilirsiniz.

Sık sorulan sorular

Base64 sürümü neden görüntümden daha büyük?

Base64, 3 baytı depolamak için 4 metin karakteri kullanır; buna yaklaşık %33 ve veri URL'si ön eki için az miktarda ek uzunluk eklenir. Web sunucusunda Gzip veya Brotli sıkıştırması bu farkı azaltır, ancak ortadan kaldırmaz.

Kodlama görüntüyü değiştirir veya sıkıştırır mı?

Hayır. Meta veriler de dahil olmak üzere dosyanın baytları aynen kodlanır. Dizgeyi kısaltmak için önce görüntüyü sıkıştırın veya boyutunu küçültün.

Veri URL'si ile düz Base64 arasındaki fark nedir?

Düz Base64 yalnızca kodlanmış baytlardan oluşur. Veri URL'si, tarayıcıya dosya türünü bildiren data:image/jpeg;base64, gibi bir ön ek ekler; böylece doğrudan görüntü kaynağı olarak kullanılabilir.

Boyut sınırı var mı?

Burada 10 MB'a kadar dosyalar kodlanabilir. Çok uzun dizgeler metin alanlarını ve düzenleyicileri yavaşlatabilir; bu büyüklükteki veri URL'leri web sitelerinde kullanıma uygun değildir.

Gizlilik

Kodlama ve kod çözme işlemleri tarayıcınızda gerçekleşir. Görüntünüz ve Base64 metni yüklenmez, saklanmaz veya analiz verilerine dahil edilmez.