Resmi Base64'e çevirme
Web geliştirmede küçük görselleri ayrı dosyalar yerine doğrudan HTML, CSS veya JSON içine gömmek bazen çok pratiktir. Her görsel ayrı bir HTTP isteği gerektirir; ikonlar ve küçük logolar Base64 olarak gömüldüğünde bu istekler ortadan kalkar. Resim Base64 çevirici, seçtiğiniz görseli anında data URI formatına dönüştürür ve kullanmak istediğiniz biçime göre hazır kod üretir.
Dört farklı çıktı biçimi
Data URI biçimi, data:image/png;base64, önekiyle başlayan tam adresi verir; doğrudan bir img etiketinin src özniteliğine yazılabilir. Sadece Base64 biçimi önek olmadan yalnızca kodlanmış veriyi verir; API'lere görsel gönderirken veya JSON alanlarında kullanılır. CSS background-image biçimi, görseli bir CSS kuralına arka plan olarak eklemeniz için hazır satır üretir. HTML img etiketi ise görseli sayfaya gömmeye hazır tam bir etiket oluşturur. Dönüşüm sonrası orijinal dosya boyutu ile Base64 metninin boyutu karşılaştırmalı olarak gösterilir.
Base64 kodunu resme çevirme
Bir API yanıtında, veritabanı kaydında veya e-posta kaynağında gördüğünüz Base64 kodunun hangi görsel olduğunu merak ediyorsanız ikinci bölümü kullanın. Data URI'yi veya yalnızca Base64 metnini yapıştırın; araç görsel türünü baştaki imzadan (PNG, JPEG, GIF, WEBP, SVG) otomatik algılar, görseli önizler, piksel boyutlarını gösterir ve dosya olarak indirmenizi sağlar. Geçersiz bir kod girildiğinde hata mesajı görüntülenir.
Ne zaman Base64 kullanmalı?
Base64 kodlama veriyi yaklaşık üçte bir oranında büyütür ve tarayıcı önbelleğinden ayrı olarak yararlanamaz. Bu nedenle birkaç kilobaytlık ikonlar, SVG simgeler, e-posta şablonlarındaki logolar ve tek dosyada çalışması gereken HTML raporlar için idealdir; büyük fotoğraflar için ise normal dosya kullanmak daha verimlidir. Tüm dönüşüm tarayıcınızda yapılır, görselleriniz sunucuya gönderilmez. Metinleri Base64'e çevirmek için Base64 Encode / Decode aracımızı kullanabilirsiniz.
Adım adım kullanım
Görseli Base64'e çevirmek için dosyayı seçin veya kutuya sürükleyin; kod anında oluşur. Çıktı biçimi menüsünden data URI, sadece Base64, CSS veya HTML seçeneklerinden ihtiyacınız olanı seçip "Kopyala" butonuna basın. Ters yönde çevirmek için Base64 metnini alttaki kutuya yapıştırıp "Resme Çevir" butonuna basın; önizlemeyi kontrol ettikten sonra "Görseli İndir" ile dosyayı kaydedin. Uzun kodlarda satır sonları ve boşluklar otomatik temizlenir.