Resmi buraya sürükle veya seçmek için tıkla
PNG, JPG, GIF, WebP destekler
Resmi buraya sürükle veya seçmek için tıkla
PNG, JPG, GIF, WebP destekler
PNG/JPG/WebP/GIF/SVG/BMP/AVIF ve diğer formatları destekleyen ücretsiz çevrimiçi resim Base64 kodlama aracı. Tarayıcıda Web Worker ile yerel işleme, yükleme yok ve UI bloke olmaz. CSS inline, HTML gömme, e-posta şablonları ve API aktarımı için Data URL üretin.
PNG, JPG, WebP, GIF, SVG, BMP, AVIF, HEIC/HEIF ve diğer yaygın formatlar desteklenir. Araç MIME türünü otomatik algılar ve data:image/png;base64,... gibi uygun Data URL prefix’ini üretir.
Web Worker, ana UI thread’inden bağımsız bir tarayıcı arka plan thread’idir. Geleneksel resim kodlama sayfayı bloke edebilir; bu araç kodlamayı ArrayBuffer aktarımı ve ilerleme callback’leriyle Worker’da çalıştırır, böylece büyük dosyalarda bile arayüz yanıt vermeye devam eder.
Hayır. Dönüştürme, ArrayBuffer zero-copy teknolojisiyle doğrudan tarayıcı Worker thread’i içinde tamamlanır. Resim içeriği hiçbir sunucudan geçmez. Bu, “tarayıcıda işleme” deyip veriyi gerçekten yükleyen araçlardan temelde farklıdır.
Base64 kodlama, orijinal ikili boyutun yaklaşık %133’ünü üretir, yani yaklaşık %33 daha büyüktür. Her 3 byte (24 bit), 4 Base64 karakterine (her biri 6 bit) dönüştürülür ve gerekirse sona = padding eklenir. Inline resimler için 10KB altı önerilir.
10KB altındaki küçük ikonlar ve resimler için önerilir. Küçük resimleri inline etmek HTTP isteklerini azaltır, ancak büyük resimler HTML/CSS boyutunu artırıp yükleme performansını düşürebilir. Büyük resimler ayrı URL kullanmalıdır.
Data URL, data:image/png;base64, formatı ve ardından Base64 içerikten oluşur; HTML img src attribute’una doğrudan konabilir. Saf Base64 yalnızca kodlanmış string’dir ve kullanılmak için MIME prefix’e ihtiyaç duyar.
Evet. Bir resmi Base64’e dönüştürdükten sonra JSON request body içinde alan değeri olarak backend API’ye gönderebilirsiniz. Araç tek tıkla kopyalamayı destekler ve çoğu API dokümantasyon örneğiyle uyumludur.
Base64 inline, küçük dosyalar (<10KB) için uygundur çünkü HTTP isteklerini azaltır. Büyük resimlerde ayrı URL daha hızlı yüklenir; tarayıcı kaynakları paralel indirebilir ve cache kullanabilir.
Resmi Base64’e dönüştürme, ikili resim verisini ASCII metin string’i olarak kodlayan bir tekniktir. Base64, ikili veriyi temsil etmek için 64 yazdırılabilir karakter (A-Z, a-z, 0-9, +, /) kullanır, her 3 byte’ı 4 Base64 karakterine dönüştürür ve sona = padding ekler. Tüm süreç RFC 4648 standardını izler.
**Kodlama prensibi**: Base64 her 3 byte’ı (24 bit) dört adet 6 bitlik gruba böler; her grup Base64 alfabesindeki bir karakterle eşleşir. Byte sayısı 3’e tam bölünmezse sona 1-2 adet = padding karakteri eklenir. Bu yüzden dosya boyutu yaklaşık %33 artar (4/3 ≈ 1.33).
**Web Worker optimizasyonu**: bu araç, kodlama işini ana thread’den ayrı bir tarayıcı thread’inde yürütmek için Web Worker kullanır. ArrayBuffer.transfer() veriyi Worker’a zero-copy aktarır ve ana thread bloklanmasını önler. Birkaç MB’lık resimlerde bile UI akıcı kalır ve ilerleme gerçek zamanlı gösterilir.
**Gizlilik ve güvenlik**: resimleri sunucuya yüklemeyi gerektiren araçların aksine bu araç tamamen tarayıcıda çalışır. Resim verisi üçüncü taraf sunuculardan geçmez; kimlik veya sözleşme gibi hassas görsellerde bu özellikle önemlidir.
**Kullanım alanları**: Base64 resimler genellikle CSS Sprites (HTTP isteklerini azaltma), HTML e-posta şablonları (e-posta istemcilerinin görsel engellemesini aşma), API ile ikili veri aktarımı ve dış kaynak referansı mümkün olmayan tarayıcı eklentileri veya tek dosyalı uygulamalarda kullanılır.
