Görüntüden Data URI

Data URI, bir görüntüyü doğrudan metin olarak (Base64) kodlar; böylece onu ayrı bir dosya ya da fazladan ağ isteği olmadan HTML içine (bir img src) ya da CSS içine (bir arka plan) satır içi gömebilirsiniz. Bu araç görüntünüzü yapıştırmaya hazır bir data: URI'sine çevirir.

Çıktı, tam data:image/...;base64,... dizesini içeren düz bir metin dosyasıdır. Minik simgeler, e-posta şablonları, tek dosyalık demolar ya da fazladan bir isteği önlemek için kullanışlıdır; ancak Base64 metni özgün baytlardan yaklaşık üçte bir daha büyüktür.

Her şey tamamen tarayıcınızda yerel olarak çalışır (yükleme yok, çevrimdışı bile) - görüntünüz cihazınızdan asla ayrılmaz. Görüntü olduğu gibi kodlanır (aynı baytlar, aynı biçim, yeniden kodlama yok); çok büyük bir görüntü çok uzun bir dize yapar, bu yüzden bu en çok küçük görüntülere uygundur.

Gömmenin dürüst ödünleşimi: bir data URI, HTML veya CSS dosyasının her tesliminde birlikte taşınır ve tarayıcı tarafından ayrıca önbelleğe alınmaz. Pratik kural: gömme yalnızca çok küçük görseller için değer - birkaç kilobaytlık simgeler; büyük görseller kendi dosyası olarak kalmalı. Hızlı bir kontrol için diziyi doğrudan tarayıcının adres çubuğuna yapıştırabilirsiniz.

Teknik özellikler

3 adımda

1. Görüntünüzü bırakın ya da dokunun (PNG, JPEG veya WebP).
2. Tarayıcınızda bir data: URI'sine Base64 olarak kodlanır.
3. Data URI'sini içeren metin dosyasını indirin (yapıştırmaya hazır).

Sınırlar: Görüntü baytlarını olduğu gibi Base64 olarak bir data:<tür>;base64,... dizesine kodlar ve metin dosyası olarak kaydeder. Base64, özgününden yaklaşık %33 daha büyüktür, bu yüzden en çok küçük görüntüler için uygundur. Özgün biçim ve baytlar korunur (yeniden kodlama yok).

Sık sorulan sorular

İlgili araçlar

Resim kolajı · Resim sıkıştırma · PNG'den SVG'ye · SVG Optimizasyonu