0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
Ortamlar
Görüntüleri HTML, CSS veya JSON'a gömmek için Base64'e dönüştürün veya bir Base64 dizisini tekrar görüntüye dönüştürün. PNG, JPEG, GIF, WebP, SVG ve BMP desteğini destekliyor.
İş Buluşması

Bir resimi sürükle veya seçmek için tıklayın

PNG, JPEG, GIF, WebP, SVG, BMP

Nasıl çalışır

Bir görüntüyü Data URI biçiminde bir Base64 dizesine dönüştürür (data:image/…;base64,…); bunu ayrı bir dosya veya ek bir HTTP isteği olmadan doğrudan HTML veya CSS'e gömebilirsiniz.

Sonuç, orijinal dosyadan yaklaşık %33 daha fazla yer kaplar; bu yüzden onu küçük görüntüler için ayırmak en iyisidir: simgeler, logolar, desenler veya yer tutucular.

Kod çözme modunda bir Base64 dizesini veya tam bir Data URI'yi kabul eder, ilk baytlarından görüntü türünü algılar ve indirilebilir bir önizleme gösterir.

Örnekler

logo.pngdata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…data:image/png;base64, ön eki türü belirtir. Kodlanmış her PNG, dosya imzasına karşılık gelen iVBORw0KGgo ile başlar.
background-image: url("data:image/png;base64,iVBORw0KGgo…");Data URI, harici bir dosya olmadan görüntüyü gömmek için bir CSS kuralı içinde olduğu gibi kullanılabilir.

Kullanım senaryoları

  • Küçük simgeleri veya logoları data URI'ler aracılığıyla CSS/HTML'e gömerek ek istekleri önlemek.
  • Bir görüntüyü bir JSON, bir yapılandırma dosyası veya bir veritabanı içinde saklamak.
  • Yalnızca metin kabul eden API'ler veya e-postalar (MIME) aracılığıyla görüntü göndermek.
  • Bir Base64 dizesinden veya bir Data URI'den bir görüntüyü geri alıp önizlemek.

Sık sorulan sorular

Tüm görüntüleri Base64'e dönüştürmeli miyim?

Hayır. Boyutu yaklaşık %33 artırır ve tarayıcı görüntüyü ayrı olarak önbelleğe alamaz. Küçük görüntüler için idealdir ama büyükler için neredeyse her zaman ayrı bir dosya daha iyidir.

Hangi görüntü biçimlerini destekler?

Kodlarken herhangi biri (PNG, JPEG, GIF, WebP, BMP, SVG). Kod çözerken türü, dosyanın ilk baytlarından otomatik olarak algılar.

Data URI'm neden bu kadar uzun?

Çünkü Base64 her 3 baytı 4 karakterle temsil eder; bu yüzden metin, orijinal ikili dosyaya kıyasla yaklaşık %33 büyür. Bu normaldir, özellikle görüntülerde.

Görüntüm bir sunucuya yükleniyor mu?

Hayır. Görüntü tamamen tarayıcınızda okunur ve kodlanır; bilgisayarınızdan hiç ayrılmaz.

Ayrıca bakınız