Resmi Base64'e Dönüştürme
Bir resim dosyasını, hazır HTML ve CSS kodlarıyla birlikte kopyalayabileceğiniz bir Base64 dizesine dönüştürün.
Resmi Base64'e Dönüştürme aracı, bir resim dosyasını Base64 metni olarak kodlar; böylece örneğin JSON, bir HTML sayfası veya bir CSS dosyası içinde düz metin olarak saklanabilir ya da gönderilebilir. Dize dosyanın orijinal baytlarından oluşturulur, bu yüzden resim yeniden sıkıştırılmaz veya değiştirilmez. Araç karakter sayısını gösterir ve resmin tamamını içeren bir HTML img etiketi ile bir CSS background-image kuralı da verir.
Resmi Base64'e Dönüştürme nasıl kullanılır
- 1
Bir resim açın
Herhangi bir resim dosyasını bırakın, seçin ya da yapıştırın. Simgeler gibi küçük resimler en iyi sonucu verir.
- 2
Base64 dizesini alın
Dize, karakter cinsinden uzunluğu ve yaklaşık boyutuyla birlikte hemen görünür.
- 3
İhtiyacınız olanı kopyalayın
Yalın dize için Base64 kopyala'ya tıklayın veya hazır bir kod için HTML kopyala ya da CSS kopyala'yı kullanın.
- 4
Kodunuza yapıştırın
Dizeyi JSON, HTML, CSS veya betik dosyanıza yapıştırın.
Neler yapar
- Bayt bayt birebir kodlama
- Orijinal dosya olduğu gibi kodlanır; yeniden sıkıştırma veya kalite değişikliği olmaz.
- Boyut bilgisi
- Dizeyi kullanmadan önce karakter sayısını ve yaklaşık boyutunu görün.
- HTML ve CSS kodları
- Tam data URI'nin dahil olduğu bir img etiketini veya background-image kuralını kopyalayın.
- Yerel olarak kodlanır
- Dosya tarayıcınızda okunur ve kodlanır, asla yüklenmez.
Sorular
Base64 resimlerde ne için kullanılır?
Base64, ikili resim verilerini düz metin karakterlerine dönüştürür. Geliştiriciler bunu küçük resimleri doğrudan HTML, CSS, JSON veya e-posta şablonlarına yerleştirmek için kullanır; böylece ayrı bir resim dosyasının yüklenmesi gerekmez.
Base64 dizesi neden resim dosyasından büyük?
Base64 her 3 bayt için 4 metin karakteri kullanır, bu yüzden sonuç yaklaşık %33 daha büyüktür. 30 KB'lık bir resim kabaca 40 KB'lık metne dönüşür.
Base64 ile data URI arasındaki fark nedir?
Base64 yalnızca kodlanmış metindir. Data URI ise tarayıcıların dosya türünü bilmesi için data:image/png;base64, gibi bir ön ek ekler. Bu araç yalın dizeyi verir; Resmi Data URI'ye Dönüştürme aracı tam sürümü verir.
Büyük resimleri Base64'e dönüştürmeli miyim?
Genellikle hayır. Base64 en iyi simgeler gibi küçük resimlerde işe yarar. Büyük fotoğraflar HTML veya CSS dosyanızı çok ağırlaştırır ve tarayıcı resmi ayrı bir dosya olarak önbelleğe alamaz.
Kodlama sırasında resmim değişir mi?
Hayır, orijinal baytlar kodlanır. Tek istisna iPhone HEIC fotoğraflarıdır; çoğu tarayıcı HEIC gösteremediği için bunlar önce PNG'ye dönüştürülür.