Skip to content
user@convertitive:~$convertitive

Resim Base64'e (ve geri)

Herhangi bir resimi veri URI'sine kodla veya URI yapıştır ve resmi gör.

Base64 veri URI'leri HTML, CSS veya JSON'da satır içi resim gömmenize izin ver, ayrı dosya olmadan. Küçük SVG simgeleri, satır içi e-posta imzaları, JWT yük tutarından avatar veya ağ isteği daha hantaldır yerdeki herhangi yerde yararlı. Araç aşağıda resim kodlar veya çözer tarayıcıda tamamen FileReader veatob/btoa API'leri kullanarak.

Everything happens locally — the FileReader API runs entirely in your browser. No upload, no analytics on the file contents.

How to use

  1. Yönü seç

    "Resim → Base64" dosya düşen kodlar. "Base64 → Resim" yapıştırdığınız veri URI çözer.

  2. Düşür veya yapıştır

    Dosya dropzone'a sürükle (kodla) veya textarea içine veri URI yapıştır (çöz). 8 MB'a kadar dosya kabul edilir.

  3. Sonuç kopyala veya kaydet

    Kodlanmış çıktı, <img src="…">, CSS background-image: url(…) veya JSON'a düşmeye hazır tam veri URI'sidir. Çözülmüş önizleme yapıştır alanı altında oluşturur.

Frequently asked questions

Resim yerlere yüklenir mi?
Hayır. Dönüşüm FileReader API tarayıcınızda gerçekleşir — baytlar sayfadan çıkmaz. Ayrıca dosya içeriği içeren hiçbir analitik olayı yok.
Neden veri URI dosyadan daha büyük?
Base64 kodlama ikili veriyi yaklaşık %33 (her 3 bayt 4 karakter olur) şişirir. 100 KB resim için, ~133 KB metin bekle. Bu metne dayalı konteyner ikili veri gömmenin maliyetidir.
Satır içi resim ne zaman bağlanması yerine?
Resim küçük (< 10 KB), bir kez kullanılan ve ayrı HTTP isteği kritik oluşturmayı yavaşlatacaktır. Örnekler: hero bölümü SVG, satır içi e-posta logoları, JWT gömülü avatarlar. ~10 KB ötesinde, ayrı dosya genellikle daha hızlıdır genel çünkü ayrı olarak önbelleğe alınabilir.
SVG için MIME türü nedir?
`image/svg+xml`. Kodlayıcı dosya `type` özniteliğinden okur, tarayıcı standart görüntü biçimler için doğru ayarlar.
Resim olmayan dosyalar kodlayabilir miyim?
Bu widget tasarıma göre resim sadece (ve çözmede veri URI önekini doğrular). Keyfi ikili → Base64 için /code/base64/ bak, UTF-8 metni doğrudan işler.

About

Veri URI nedir?

RFC 2397'de tanımlı URI şeması kaynağı satır içi gömüyor. `data:image/png;base64,iVBORw0KGgo...` MIME türü bildir, yük Base64 kodlanmış söyle ve virgülün sonra baytlar. Tarayıcı ve çoğu ayrıştırıcı bunu görüntü bağlamında http(s) URL'de beklerdikleri yerdeki kabul eder.

Kodlama hızı

FileReader'ın `readAsDataURL` zaman uyumsuz ve tarayıcı yerel Base64 uygulamasını kullanır. Birkaç MB dosya için 100 ms altında bekle; darboğaz kodlama değil diskten dosya okumadır.

Sources & references

Authoritative references behind the math, constants, and tables on this page. Verified by Buğra Sözeri on the dates shown and re-checked at every deploy.