Dönüştür’e bastıktan sonra listedeki ilk dosyanın Base64 çıktısı aşağıda görünür. Kodu doğrudan ya da hazır CSS satırı olarak kopyalayabilirsiniz.
Base64’e nasıl çevrilir?
- Görseli kutuya sürükleyin.
- Çıktı formatını seçin — ikonlar için PNG, fotoğraflar için WebP idealdir.
- Küçük bir ikon üretecekseniz maksimum genişlik girerek boyutu düşürün; Base64 çıktısı doğrudan kısalır.
- Dönüştür’e basın ve çıkan data URI’yi kopyalayın.
Nerede kullanılır?
- CSS arka planları: Küçük desen ve ikonları stil dosyasına gömerek ek istekten kurtulmak.
- Tek dosyalık HTML: E-posta şablonları, teklif dosyaları ve çevrimdışı raporlar — görseller dosyanın içinde taşınır.
- SVG içine gömme: Harici görsel referansı yerine Base64 kullanmak CORS sorunlarını çözer.
- JSON ve API: Küçük görselleri ayrı bir yükleme yapmadan veri içinde taşımak.
- Favicon: Çok küçük ikonları HTML’in içine gömerek ilk yükte istek sayısını azaltmak.
Boyut maliyeti ve performans
| Orijinal dosya | Base64 karşılığı | Değerlendirme |
|---|---|---|
| 1 KB ikon | ~1,4 KB | Gömmek mantıklı |
| 5 KB logo | ~6,8 KB | Sınırda, ölçün |
| 50 KB görsel | ~67 KB | Ayrı dosya daha iyi |
| 500 KB fotoğraf | ~667 KB | Kesinlikle gömmeyin |
Base64’ün tek gerçek avantajı ek bir HTTP isteğini ortadan kaldırmasıdır. HTTP/2 ve HTTP/3 ile çoklu istek maliyeti büyük ölçüde düştüğü için bu avantaj eskisi kadar belirgin değildir. Ayrıca gömülü görsel ayrı olarak önbelleğe alınamaz: HTML veya CSS her değiştiğinde görsel de yeniden indirilir. Büyük dosyalarda bu, kazançtan çok kayıp getirir.
Base64 şifreleme değildir
Sık karşılaşılan bir yanılgı, Base64’ün veriyi "gizlediği" düşüncesidir. Base64 bir kodlamadır, şifreleme değil: anahtar gerektirmez ve herkes tarafından saniyeler içinde geri çözülebilir. Hassas bir belgeyi Base64’e çevirip paylaşmak, onu düz metin olarak paylaşmakla aynıdır.
Gizlilik gerekiyorsa şifreleme (örneğin parola korumalı arşiv) kullanın. Bu araçta yaptığınız dönüşümler tarayıcınızda gerçekleşir ve hiçbir veri sunucuya gönderilmez; ancak ürettiğiniz Base64 metnini paylaştığınızda içeriği herkesin okuyabileceğini unutmayın.