Görselden Base64'e dönüştürücü
Tamamen tarayıcınızda çalışır. Dosyalarınız ve verileriniz cihazınızdan hiç çıkmaz.
Bu araç hakkında
Bu araç bir görsel dosyası ile onun Base64 metni arasında iki yönde de çalışır. Bir JPEG, PNG, GIF, WebP ya da SVG dosyası bırakın, araç CSS, HTML, JSON’a ya da bir e-posta şablonuna yapıştırmaya hazır tam data: URI’sini yazsın. Ya da bir data URI’yi veya ham bir Base64 dizisini yapıştırın, araç bunu önizleyip indirebileceğiniz bir görsele geri çevirsin.
Görsel biçimini nasıl tespit ediyor?
Tam bir data: URI yapıştırırsanız MIME türü zaten dizinin içinde hazır bulunur. Ama elinizde başlıksız, ham bir Base64 verisi varsa araç çözülmüş verinin ilk baytlarını okuyup PNG, JPEG, GIF ve WebP dosyalarının bilinen imzalarıyla karşılaştırır; dosya uzantısından bağımsız olarak biçimi belirleyen “sihirli baytlar” bunlardır. SVG bir istisna, çünkü ikili değil metin biçiminde: çözülen içeriğin <svg veya <?xml bildirimiyle başlayıp başlamadığına bakılarak tespit edilir. Hiçbiri eşleşmezse araç tahmin yürütmek yerine biçimi tanıyamadığını söyler.
Görsellerim herhangi bir yere yükleniyor mu?
Hayır. Her şey FileReader API’si ve standart Base64 kodlamasıyla tarayıcınızda gerçekleşir, hiçbir görsel bir sunucuya gönderilmez. Bu sayede ekran görüntüleri, özel belgeler ya da bilgisayarınızdan çıkmasını istemediğiniz herhangi bir şey için rahatlıkla kullanabilirsiniz; data URI’lerin kendisi düz metin olsa bile.
Ne işe yarar?
Base64 görseller, küçük simgeleri doğrudan bir stil dosyasının içine gömmek için yaygın olarak kullanılır, böylece tarayıcı her biri için ayrı bir HTTP isteği yapmak zorunda kalmaz. E-postalarda satır içi görsel göndermek ya da tek dosyalık HTML dışa aktarımlarında, dış bir görsel dosyasına bağlantı vermenin pratik olmadığı durumlarda da işe yarar. Çözme tarafında ise elinizde bir API yanıtında, bir yapılandırma dosyasında ya da bir log satırında bir Base64 dizisi olduğunda ve bunun gerçekte hangi görsel olduğunu görmek istediğinizde kullanışlıdır. Base64 kodlamanın ham dosya boyutuna göre yaklaşık %33 fazladan yer kapladığını unutmayın, bu yüzden büyük fotoğraflar yerine küçük görseller için daha uygundur. Söz dizimi ve data URI’lerin normal bir görsel dosyasına ne zaman tercih edilmeye değer olduğu için MDN’nin data URI’ler kılavuzuna bakabilirsiniz.