Görsel'den Base64'e

Data URI formatı şöyledir: data:image/png;base64,[kodlanmış dize]. Ön eki dahil etmek, dizeyi doğrudan HTML'de (<img src="data:image/png;base64,..."/>) ve CSS'de (background-image: url("data:image/png;base64,...")) kullanıma hazır hale getirir. Ön ek olmadan ham Base64 elde edilir; ön eki kendisi ekleyen API yükleri veya özel kodlar için kullanışlıdır.

Base64 kodlama, boyutu yaklaşık %33 artırır. Her 3 bayt ikili veri, 4 ASCII karaktere dönüşür. 100 KB'lık bir resim yaklaşık 133 KB Base64 metnine dönüşür. Bu artış, resmi düz metin olarak gömmenin bir bedelidir.

Küçük resimler için idealdir: simgeler, logolar, basit grafikler (5–10 KB altı). Avantajları: fazladan bir HTTP isteğini ortadan kaldırır, sunucu çevrimdışı olsa bile resim her zaman kullanılabilir, harici resimlerin engellendiği HTML e-postalar için mükemmeldir. Büyük fotoğraflar için önerilmez; boyut artışı ve önbelleğe alma kaybı, normal dosya URL'lerini daha hızlı kılar.

Data URI ön ek geçişini etkinleştirin, ardından sonucu kopyalayın. Resim etiketi için: <img src="[buraya yapıştırın]" alt="..."/>. CSS için: background-image: url("[buraya yapıştırın]"). Data URI herhangi bir sunucu veya harici dosyaya gerek kalmadan tüm modern tarayıcılarda çalışır.

Evet. Ham Base64 elde etmek için Data URI ön ekini kapatın, ardından bir JSON dize alanı olarak ekleyin. Alan API, Base64 dizesinden ikili resmi yeniden oluşturur. Çok parçalı dosya yüklemeleri olmadan resim kabul eden API'ler için yaygın bir yöntemdir.

Maksimum 10 MB. 10 MB girişte Base64 çıktısı yaklaşık 13,3 MB olur. Çok büyük Base64 dizeleri, kopyalama işlemlerini yavaşlatabilir ve tarayıcı pano sınırlarına takılabilir. Birkaç yüz KB'ı aşan resimler için normal dosya barındırma daha pratiktir.

Hayır. Resim, tarayıcının FileReader API'si kullanılarak yerel olarak okunur ve tamamen cihazınızda JavaScript ile kodlanır. Resim verileri hiçbir zaman tarayıcınızı terk etmez, bu da gizli veya özel resimler için güvenli kılar.