Görsel → Base64 / Data URI

Görseli bırakın; data URI, CSS arka planı, HTML etiketi ya da Markdown olarak kopyalayın.
Araçlara Dön

Bu base64 dönüştürücü hakkında

Bir görseli sürükleyip bırakın; data URI'si anında çıksın — yanında da gerçekten bir yere yapıştıracağınız dört biçimle: CSS background-image kuralı, HTML <img> etiketi, Markdown görsel sözdizimi ve data: öneki olmadan ham base64. Panel ayrıca görselin piksel boyutlarını, MIME tipini, orijinal ve kodlanmış boyutunu raporlar.

Asıl izlenmesi gereken son sayı: base64 dosyayı kabaca %33 şişirir ve gömülü bir görsel tarayıcı tarafından ayrıca önbelleğe alınamaz, CDN'den servis edilemez. Gömme; küçük ikonlar, sprite'lar, e-posta imzaları ve tek dosyalık HTML demoları için uygundur. Araç 20 KB'ı geçince uyarır, 100 KB'ı geçince normal bir görsel dosyası kullanmanızı önerir. Her şey istemci tarafında çalışır — görsel FileReader ile okunur ve hiçbir yere yüklenmez. İlgili araç: Base64 & JWT Çözücü.