Nasıl Çalışır?
Bu araç sayesinde resim dosyanızı tarayıcıda açıp base64 formatına dönüştürebilirsiniz. Her şey tamamen cihazınızda, JavaScript ve FileReader API ile işlenir; hiçbir dosya dışarıya aktarılmaz.
Dönüşüm sırasında resmin ikili verisi base64’e kodlanır ve uygun MIME türüyle beraber tek satırlık bir veri URI oluşturulur. Bu veri URI’yi kopyalayarak HTML, CSS veya JSON’a rahatça gömebilirsiniz.
Avantajlar ve Sınırlamalar
Base64 ile resimleri kod içine gömmek, tek dosyalı projelerde veya dışarıdan resim yükleme imkânı olmayan durumlarda pratik bir çözümdür. Özellikle e-posta şablonları veya basit web projeleri için idealdir.
Ancak base64 kodlama, dosya boyutunu yaklaşık %33 artırır ve resimlerin ayrı olarak önbelleğe alınmasını engeller. Büyük resimler veya sık kullanılan varlıklar için uygun değildir; küçük ikonlar veya statik görsellerde tercih edilmelidir.
Hangi Durumlarda Kullanılmalı?
Küçük ve nadiren değişen resimler için base64 veri URI kullanmak, ek dosya barındırmaya gerek bırakmaz. Tek seferlik projeler, e-posta içeriği veya sadece bir-iki ikonun olduğu sayfalarda oldukça kullanışlıdır.
Birden fazla sayfada veya büyük boyutlu resimlerde, klasik dosya yoluyla dışarıdan çağırmak hem performans hem kod düzeni açısından daha avantajlıdır.
Sıkça Sorulan Sorular
Base64 kodlama dosya boyutunu azaltır mı?
Hayır, base64 kodlama dosya boyutunu azaltmaz. Aksine, ikili dosyanın boyutunu yaklaşık %33 oranında artırır. Bu nedenle sadece küçük resimlerde tercih edilmelidir.
Resmi veri URI olarak ne zaman gömmeliyim?
Küçük, sabit resimler veya dışarıdan dosya yüklemenin mümkün olmadığı tek dosyalı projelerde veri URI ile gömmek uygundur. E-posta içerikleri veya minik ikonlar için idealdir.
Bazı CSS’lerde veri URI yapıştırmak neden sorun çıkarıyor?
CSS dosyalarında veri URI satırının çok uzun olması, bazı eski e-posta istemcilerinde veya editörlerde satırın kırılmasına yol açabilir. Mümkün olduğunca kısa ve basit URI’ler kullanmak sorunu azaltır.
Dönüştürme sırasında resim sunucuya yükleniyor mu?
Hayır, tüm işlemler tarayıcınızda gerçekleşir. Hiçbir resim veya veri sunucuya aktarılmaz; gizlilik tamamen korunur.
Dönüştürmeden önce resmi nasıl sıkıştırabilirim?
Tarayıcıda resminizi sıkıştırmak için önce başka bir araçta boyutunu veya kalitesini azaltıp ardından base64’e dönüştürebilirsiniz. Bu araç sadece dönüşüm işlemi yapar.
Hangi resim türlerini veri URI olarak dönüştürebilirim?
JPG, PNG, WebP gibi yaygın resim formatları desteklenir. Her format için uygun MIME türü otomatik olarak belirlenir ve veri URI’ye eklenir.
Bu araçta bir sorun mu var, ya da bir fikriniz mi var? Bize yazın