Base64 Encoder / Decoder

Base64 Encoder i Decoder – prevod binarnih podataka u tekst

Ovaj Base64 encoder i decoder alat omogućava vam jednostavnu konverziju teksta, JSON podataka, HTML koda, slika i drugih fajlova u Base64 format i nazad. Bez obzira da li radite sa JWT tokenima, integrišete API koji zahteva slike u Base64 formatu, ili želite da uštedite na broju HTTP zahteva tako što ćete sliku ugraditi direktno u CSS ili HTML – ovaj alat je za vas. Radi potpuno u pregledaču, bez slanja podataka na server (osim kada ručno učitavate fajlove), što garantuje privatnost i brzinu.

📌 Kako koristiti Base64 alat korak po korak

1. Izaberite režim rada: Tekst ili Slika / Fajl.
2. Za tekstualni režim: upišite ili nalepite tekst u levo polje. Alat automatski detektuje da li je unos običan tekst ili Base64 string i prikazuje odgovarajuću konverziju. Možete i ručno kliknuti na Enkoduj → ili ← Dekoduj.
3. Pratite statistiku: odmah vidite broj znakova i procentualno uvećanje (Base64 uvećava podatke za oko 33%).
4. Kopirajte rezultat jednim klikom na dugme "Kopiraj".
5. Za slike i fajlove: prevucite fajl ili kliknite na zonu za otpremanje. Alat će prikazati pregled slike (ako je slika), Base64 string, Data URL i statistiku o veličini fajla.

🧩 Šta je Base64 i zašto je koristan?

Base64 je šema za kodiranje binarnih podataka u ASCII tekst. Koristi 64 znaka (A-Z, a-z, 0-9, +, /) plus znak = za poravnanje. Najčešće primene:
– Data URL: ugradnja slika direktno u HTML/CSS (data:image/png;base64,iVBORw0KGgo...)
– JWT tokeni: JSON Web Tokeni se sastoje od tri Base64 enkodovana dela
– Basic Authentication: slanje korisničkog imena i lozinke kroz HTTP header
– Email prilozi (MIME): slanje slika i fajlova putem emaila
– API integracije: slanje slika ili binarnih podataka kao stringova u JSON payload-u

🖼️ Rad sa slikama – od fajla do Data URL

Kada učitate sliku (PNG, JPG, GIF, WebP, SVG) alat generiše dva formata:
– Čist Base64 string: samo kodirani deo bez prefiksa
– Data URL: kompletan URL koji uključuje tip fajla i Base64 podatke (data:image/png;base64,...)
Ovo je idealno za direktno korišćenje u src atributu slike, CSS background-image ili za slanje putem API-ja.

💡 Primene u praksi

• Frontend developeri: embedovanje ikonica i malih slika u CSS/HTML radi smanjenja HTTP zahteva.
• Backend developeri: dekodovanje Base64 stringova koje šalju klijenti (npr. upload slika kao Base64).
• Bezbednosni inženjeri: analiza JWT tokena dekodovanjem payload dela.
• SEO specijalisti: kreiranje data URL-ova za testiranje ili za email šablone.

⚙️ Tehničke napomene

Alat koristi standardne JavaScript metode: btoa() za enkodovanje i atob() za dekodovanje. Za ispravan rad sa Unicode znakovima (ćirilica, emoji, srpski latinica) koristi se kombinacija encodeURIComponent i unescape kako bi se izbegle greške. Za fajlove se koristi FileReader.readAsDataURL() koji konvertuje fajl u Data URL format, a zatim se izdvaja Base64 deo. Statistika prikazuje veličinu u kilobajtima i procentualno uvećanje (Base64 uvećava podatke za ~33% u odnosu na original).

---

Često postavljana pitanja (FAQ)