Resim to Base64
Resimleri HTML/CSS'e gömmek için Base64 kodlu dizilere veya Data URI formatına dönüştürür.
Resmi buraya sürükleyin veya seçmek için tıklayın
PNG, JPG, WebP, GIF, SVG vb.
Bu araç hakkında
Resim-Base64 dönüştürücü, herhangi bir resim dosyasını Base64 dizisi veya tam Data URI olarak kodlayarak ayrı dosyalar barındırmadan HTML, CSS veya JSON içine doğrudan gömmenizi sağlar. Sürükle-bırak veya tıkla-seç girişini destekler ve orijinal dosya boyutunu kodlanmış boyutla karşılaştırarak gösterir.
Tüm kodlama, FileReader API kullanılarak tarayıcıda gerçekleşir — resminiz hiçbir sunucuya yüklenmez. Tam Data URI (data:image/…;base64, önekiyle) ile ham Base64 (önek yok) arasında geçiş yapılabilir.
Nasıl kullanılır
- Yükleme alanına bir resim sürükleyin veya dosya seçici açmak için tıklayın.
- Kodlanmış çıktı, dosya yüklendikten sonra otomatik olarak görünür.
- Düğmeleri kullanarak Data URI ile Base64 Only arasında geçiş yapın.
- Sonucu panoya kopyalamak için Kopyala'ya tıklayın.
Kullanım senaryoları
Frontend geliştiriciler, HTTP isteklerini azaltmak için küçük ikonları doğrudan CSS veya HTML içine gömer. E-posta pazarlamacıları, birçok e-posta istemcisi harici resimleri engellediğinden HTML e-posta şablonlarına resimleri satır içi ekler. Mobil uygulama geliştiriciler JSON API yükleri için resimleri kodlar. Geliştiriciler resimleri yapılandırma dosyalarında veya veritabanlarında Base64 dizisi olarak saklar.
Sık sorulan sorular
- Base64 kodlama dosya boyutunu artırır mı? — Evet. Base64 kodlama, orijinal ikili dosyaya kıyasla dosya boyutunu yaklaşık %33 artırır.
- Hangi resim formatları destekleniyor? — Tarayıcınızın görüntüleyebileceği her format: JPG, PNG, WebP, GIF, SVG, BMP ve daha fazlası.
- Büyük resimleri Base64 ile kodlamalı mıyım? — ~10 KB'ın üzerindeki dosyalar için genellikle resmi dosya olarak barındırmak daha iyidir. Büyük Base64 dizeleri HTML/CSS'i şişirir ve sayfa yükleme performansını olumsuz etkiler.