PNG’den Base64’e Dönüştürücü - Ücretsiz, Anında, Tarayıcıda
PNG’den Base64’e Dönüştürücü
En fazla 10 MB. Hiçbir şey yüklenmez — dosya cihazınızdan çıkmaz.
Bunu bir <img src> niteliğinde ya da CSS url() içinde kullanın.
data: öneki olmadan — JSON gövdeleri ve API’ler için.
Dosyalarınız gizli kalır
Bu dönüştürme tamamen tarayıcınızın içinde çalışır. Görsel hiç yüklenmez; burada kodladığınız hiçbir şey sunucumuza ya da başkasına ulaşmaz.
PNG’den Base64’e Dönüştürme Hakkında
PNG, insanların en sık gömdüğü biçimdir — simgeler, logolar, küçük sprite’lar, aksi hâlde her biri ayrı bir ağ isteğine mal olacak minik arayüz parçaları. Birini Base64’e kodlamak onu doğrudan bir stil dosyasına ya da HTML niteliğine yapıştırabileceğiniz metne çevirir. Bunun iyi bir fikir olup olmadığı neredeyse tamamen dosyanın ne kadar küçük olduğuna bağlıdır.
PNG’den Base64’e nasıl dönüştürülür
- 1 .png dosyanızı yükleme alanına bırakın.
- 2 Sonuç anında belirir — basılacak bir düğme ya da beklenecek bir şey yok.
- 3 İhtiyacınız olan biçimi kopyalayın: HTML ve CSS için data URI, JSON için ham dizi ya da hazır CSS kuralı.
Gömmek ne zaman gerçekten kazandırır
Bir sayfadaki her ayrı görsel bir istek demektir ve isteğin taşıdığı baytların ötesinde bir maliyeti vardır. 1 KB’lık bir simge için bu maliyet dosyanın kendisini geçebilir; dolayısıyla onu stil dosyasına katmak gerçek bir kazançtır. Kaba bir kural olarak, birkaç kilobaytın altında gömmek işe yarar, on kilobaytın üstünde zarar vermeye başlar. Başabaş noktası sabit bir sayı değildir — bağlantınıza, sunucunuza ve bant genişliği için yarışan başka kaç şey olduğuna göre kayar — ama takasın biçimi hep aynıdır: bir gidiş-dönüşü fazladan baytla değiştirirsiniz.
Neyden vazgeçiyorsunuz
Üç şeyden; ve ikincisi insanları şaşırtır. Birincisi boyut: kodlanmış metin dosyadan yaklaşık üçte bir daha büyüktür. İkincisi önbellek: gömülü bir görsel ayrı önbelleğe alınamaz, dolayısıyla onu içeren stil dosyasının her değişikliğinde yeniden indirilir — ve bir stil dosyası bir logodan çok daha sık değişir. Üçüncüsü, tarayıcı çizmeden önce diziyi çözmek zorundadır; bu bir simge için önemsiz, büyük bir şey içinse ölçülebilirdir. Şeffaflık en azından dokunulmadan hayatta kalır; alfa kanalı PNG verisinin parçasıdır ve Base64 onu bayt bayt kopyalar.
Simgeler için önce SVG’yi düşünün
Kodladığınız şey düz bir simge ya da basit bir logoysa, SVG genellikle kodlamadan önce PNG’den küçüktür, sonrasında ise daha da küçük kalır; çünkü SVG zaten metindir ve Base64’e hiç ihtiyaç duymaz. Ayrıca ikinci bir dosya olmadan her ekran yoğunluğuna ölçeklenir. PNG’ye, görselde fotoğrafik ayrıntı, yumuşak geçişler ya da vektörlerin kötü idare ettiği efektler varsa uzanın — ve öyleyse onu kodladıktan sonra değil, kodlamadan önce küçültün. Base64 kendisine ne verirseniz onu sadakatle büyütür.