Görsel Base64 Dönüştürücü
Görselleri Base64 data URI'lerine dönüştürün; kullanıma hazır CSS ve HTML kodları alın — tamamen tarayıcınızda.
İlgili araçlar
Bu aracı tanıyalım
Görsel Base64 Dönüştürücü, herhangi bir görsel dosyasını doğrudan tarayıcınızda Base64 kodlu bir data URI'ye çevirir. Görsel, File API ile yerel olarak okunur — asla yüklenmez — ve kodlanmış metni yapıştırmaya hazır dört formatta alırsınız: düz data URI, ham Base64, CSS background-image kuralı ve HTML <img> etiketi.
Base64 kodlama nedir, görsel gömmek ne işe yarar?
Base64, ikili (binary) veriyi yalnızca metin karakterleriyle temsil eder; böylece bir görsel, bir metin dosyasının içinde yaşayabilir — bir HTML sayfası, CSS stil dosyası, JSON verisi veya e-posta şablonu gibi. Küçük bir görseli data URI olarak gömmek bir HTTP isteğini tamamen ortadan kaldırır; bu da minik ikonlar, HTML e-postalardaki logolar (dış görseller çoğu zaman engellenir), hızlı prototipler ve çevrimdışı çalışması gereken bağımsız belgeler için çok kullanışlıdır.
Öne Çıkan Özellikler
- Dört Çıktı Formatı: Data URI, ham Base64, hazır CSS
background-imagekuralı ve eksiksiz HTML<img>etiketi. - Anında Yerel Önizleme: Kopyalamadan önce görseli ve kodlanmış boyutunu görün.
- Boyut İstatistikleri: Her görsel için orijinal boyut, kodlanmış boyut ve tam artış yüzdesi gösterilir.
- Her Görsel Türü: PNG, JPEG, WebP, GIF, SVG, AVIF — tarayıcınızın okuyabildiği her şey.
- Kopyala veya İndir: Çıktıyı tek tıkla kopyalayın ya da metin dosyası olarak kaydedin.
- %100 İstemci Tarafı Gizlilik: Görsel tarayıcınızda
FileReaderile okunur; yükleme yok, sunucu yok, izleme yok.
Nasıl Kullanılır?
- Görseli bırakma alanına sürükleyin veya dosya seçiciyle seçin.
- İhtiyacınız olan çıktı formatı sekmesini seçin — Data URI, ham Base64, CSS veya HTML.
- Boyut istatistiklerini gözden geçirin (Base64, ikili orijinalden ~%33 büyüktür).
- Kod parçasını kopyalamak için Kopyala'ya,
.txtolarak kaydetmek için İndir'e tıklayın.
Neden Bu Aracı Seçmelisiniz?
Görselinizi bir sunucuya yükleyen dönüştürücüler hem daha yavaştır hem de dosyanızı gereksiz yere üçüncü bir tarafa gösterir — oysa Base64 kodlama, her tarayıcının yerel yapabildiği saf bir metin dönüşümüdür. Bu araç ayrıca çıplak bir metinle yetinmez: elle yazmak üzere olduğunuz CSS veya HTML kodunu da hazır verir.
Sıkça Sorulan Sorular (SSS)
Görselim bir yere yükleniyor mu?
Hayır. Dosya, tarayıcının FileReader API'siyle yerel olarak okunur ve bellekte kodlanır. Görselinizi taşıyan hiçbir ağ isteği yapılmaz.
Base64 çıktısı dosyamdan neden daha büyük?
Base64, her 3 baytlık ikili veriyi 4 metin karakteriyle temsil eder; bu da yaklaşık %33'lük bir artış demektir. İkili veriyi metnin içine gömebilmenin bedeli budur.
Görseli ne zaman gömmeli, ne zaman bağlantı vermeliyim?
Her sayfada görünen küçük görselleri (birkaç KB'lık ikonlar, minik logolar, dekoratif desenler) ve HTML e-postalardaki görselleri gömün. Büyük veya sayfalar arasında ortak kullanılan görsellerde normal bağlantılı dosya daha iyidir; çünkü ayrı önbelleğe alınabilir.
SVG ve hareketli GIF'lerle çalışır mı?
Evet. Kodlama dosyayı bayt bayt korur; SVG'ler keskin kalır, gömülü GIF animasyonları oynamaya devam eder.