Herhangi bir görseli Base64 kodlu bir veri URL'sine dönüştürün, böylece onu ayrı bir dosya referansı olmadan doğrudan HTML, CSS veya JavaScript'e gömebilirsiniz. Base64 görselleri; e-posta şablonları, satır içi SVG stilleri, stil sayfalarındaki veri URI'leri ve dosyaları harici olarak barındıramadığınız durumlar için kullanışlıdır. Çıktı, kopyalanıp yapıştırılmaya hazır, tam veri URL'si dizesini içeren bir metin dosyasıdır.
Dosyaları buraya bırakın
veya yüklemek için göz atın · panodan yapıştır
Dosya başına en fazla 10.0 MB
Görselinizi yükleyin
Bir JPEG, PNG, WebP veya AVIF görseli bırakın (maks. 10 MB — Base64 dizeleri hızla büyür). Araç, ham dosya baytlarını yeniden kodlamadan okur.
Dönüştür'e tıklayın
Görsel baytları bir Base64 dizesine dönüştürülür ve uygun MIME türü önekiyle (örn. data:image/jpeg;base64,...) bir veri URL'sine sarılır.
Metin dosyasını indirin
Çıktı, tam veri URL'sini içeren bir .txt dosyasıdır. Herhangi bir metin düzenleyicide açın ve dizeyi kopyalayın.
Kodunuzda kullanın
Veri URL'sini doğrudan bir img src özniteliğine, bir CSS background-image özelliğine veya bir JavaScript dizesine yapıştırın. Ayrı görsel barındırma gerekmez.
Base64 veri URL'si, ikili veriyi (bir görsel gibi) doğrudan bir metin dizesine gömmenin bir yoludur. Biçim şudur: data:[mime-türü];base64,[kodlanmış-veri]. Görsellerin, ağ üzerinden ayrı bir dosya yüklemeden doğrudan HTML, CSS ve JavaScript'te kullanılmasına olanak tanır. Bir JPEG görseli, data:image/jpeg;base64,/9j/4AAQ... ile başlayan çok uzun bir dize olur.
Base64'ü şu durumlarda kullanın: HTML e-posta şablonlarına görsel gömmeniz gerektiğinde (harici URL'lerin engellenebildiği yerlerde), tek dosyalı HTML belgelerinde, SVG dosyalarında veya JavaScript ile oluşturulan içerikte. Herkese açık web sitelerindeki büyük görseller için Base64'ten kaçının — HTML/CSS dosya boyutunu ~%33 artırır, ayrıştırmayı engeller ve sayfadan ayrı olarak önbelleğe alınamaz.
Base64 kodlaması, ikili verinin her 3 baytını 4 ASCII karakteri olarak temsil eder — %33'lük bir ek yük. 100 KB'lık bir JPEG, ~133 KB'lık bir Base64 dizesi olur. Bu, Base64'ün temel dengesidir: ikili veriyi metin olarak temsil edilebilir kılar, ancak boyut maliyetiyle. Büyük görseller için bu ek yük önemlidir.
Girişi 10 MB ile sınırlıyoruz. Ortaya çıkan Base64 dizesi ~13,3 MB olur. Tarayıcılar büyük dizeleri sorunsuz işler, ancak bunları HTML/CSS'e gömmek sayfa oluşturmayı önemli ölçüde yavaşlatabilir. Web kullanımı için, gömülü görselleri 10–20 KB altında tutun. Daha büyük görseller ayrı dosyalar olarak sunulmalıdır.
Evet: <img src="data:image/jpeg;base64,/9j/4AAQ..." alt="Görselim">. Tarayıcı, Base64 dizesini çözer ve görseli herhangi bir ağ isteği olmadan görüntüler. Bu, JPEG, PNG, GIF, WebP ve SVG biçimleri için tüm modern tarayıcılarda çalışır.
Bir şey çalışmıyor mu? Hata bildir
