Görselleri, PDF'leri, ses ve medya dosyalarını Base64 dizelerine, Data URI'ye ve CSS kodlarına dönüştürün.
Web geliştirmede küçük görselleri, yazı tiplerini (fonts), ses efektlerini veya PDF belgelerini harici bir HTTP isteği yapmadan doğrudan HTML veya CSS dosyalarının içine gömmek; sayfa yükleme gecikmelerini ve ağ istek sayısını azaltmanın en pratik yollarından biridir. Data URI şeması, dosyanın ikili içeriğini Base64 formatına kodlayarak doğrudan src veya url() özniteliklerine yerleştirilmesini sağlar. Bu araç, yüklediğiniz herhangi bir dosyayı anında Base64 ve Data URI metnine dönüştürür.
Örneğin bir web tasarımcısı, sayfa açılışında gecikmesiz görünmesini istediği 8 KB boyutundaki bir PNG ikon dosyasını arayüze sürükleyip bıraktığında; araç dosyayı anında işleyerek data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA... formatında eksiksiz Data URI kodunu üretir. Kullanıcı isterse doğrudan HTML <img> etiketini, isterse CSS background kuralını tek bir tıklamayla kopyalayabilir veya salt Base64 dizesini alabilir.
Tüm dosya okuma ve Base64 kodlama süreçleri %100 tarayıcı üzerinde FileReader API'siyle gerçekleştirilir. Bilgisayarınızdan seçtiğiniz dosyalar hiçbir harici sunucuya yüklenmez (upload edilmez); dosyalarınız tamamen kendi cihazınızda işlenir. Hassas kurumsal belgeler, özel yazı tipi lisansları veya tasarım varlıkları güvenle dönüştürülür ve internete sızdırılmaz.
Girdi Dosyası → FileReader.readAsDataURL() → MIME Türü Başlığı + Base64 Dizisi (Data URI)
Yerel dosya baytları bellek akışına alınır; dosyanın resmi MIME türü başa eklenerek RFC 2397 standardına uygun 'data:[mime];base64,[veri]' dizisi oluşturulur.