Sadržaj

Kao što vidite gore, postoje dvije mogućnosti za odabir Base64 u pretvarač slike i pretvarač slike u Base64. Base64 u sliku pretvorit će bilo koji niz Base64 u format slike. Slika u Base64 pretvorit će sliku u niz Base64. Molimo kliknite na opciju ovisno o vašim potrebama.

Kako koristiti Base64 to Converter Tool?

Alat za pretvorbu Base64 u sliku pomoći će vam u pretvaranju niza kodiranog Base64 u sliku. Tu sliku možete preuzeti klikom na gumb za preuzimanje. Jednostavno zalijepite svoj kodirani niz Base64 u okvir za unos, a on će ga automatski pretvoriti u sliku i pregled će se prikazati na vašem zaslonu. Također možete odabrati bilo koju tekstualnu datoteku koja sadrži niz kodiran Base64. Postoje i mogućnosti kopiranja niza kodiranog Base64 i brisanje okvira za unos.

Kako koristiti alat za pretvorbu slike u Base64?

Alat za pretvorbu slike u Base64 pomoći će vam u pretvaranju bilo koje slike u niz kodiran Base64, html kôd oznake slike i CSS kod pozadinske slike. Jednostavno povucite i ispustite sliku u gornji pravokutni okvir ili jednostavno kliknite na nju da biste odabrali datoteku slike.

Čim se obrada završi, pojavit će se tri okvira za unos. Prvo polje za unos sadržavat će kodirani niz Base64. Drugi okvir za unos sadržavat će HTML kôd oznake slike koji možete jednostavno kopirati i izravno zalijepiti u svoju HTML datoteku. Treći okvir sadržavat će CSS kôd sa svojstvom pozadinske slike. Možete ga kopirati i zalijepiti izravno u CSS datoteku. Također će se preuzeti opcija iznad svakog okvira za unos koja će vam pomoći pri preuzimanju odgovarajućih podataka u formatu tekstualne datoteke. Alat podržava gotovo sve najčešće korištene formate slika.

Zašto pretvoriti niz Base64 u sliku?

Veličina niza Base64 koji se koristi u URI-u podataka je 33% veća od izvorne datoteke. Veliki podaci mogu utjecati na web performanse. Pretvaranje tih kodiranih podataka u sliku i njihova upotreba kao datoteka može poboljšati izvedbu vaše web aplikacije. Drugi razlog pretvorbe Base64 u sliku je posjedovanje datoteke koja se može spremiti na tvrdi disk i može se pregledati ili urediti pomoću alata za pregled i uređivanje slika treće strane.

Što je Base64 kodiranje?

Base64 je tekstualno kodiranje binarnih podataka. Kodirani tekst nema ništa osim brojeva, slova i simbola poput +, / i =. Poznat je kao jedan od najprikladnijih načina za pohranu ili prijenos binarnih podataka putem medija koji se posebno koristi za tekstualne podatke. Također, može se lako prenijeti u stvari poput podataka e-pošte i HTML obrasca. Postupak pretvorbe teksta u Base64 traje 4 znaka po 3 bajta podataka, plus potencijalno malo popunjavanja na kraju. Znak jednakosti (=) koristi se za popunjavanje. Kodirani niz također se može proslijediti kao vrijednost parametru upita u URL-u, jer je to URL-sigurna varijanta.

Zašto biste trebali koristiti Base64 kodiranje?

Kad imamo neke binarne podatke koje želimo prenijeti preko mreže, uglavnom to ne činimo samo strujanjem bitova i bajtova preko žice u neobrađenom formatu jer su neki medijski sadržaji stvoreni za strujanje teksta. Ako ga prenosimo u obliku bitova ili bajtova, tada neki protokoli mogu protumačiti te binarne podatke kao kontrolne znakove (poput modema). Takvi binarni podaci mogu se oštetiti jer temeljni protokol može pretpostaviti da ti podaci sadrže neku posebnu kombinaciju znakova. Na primjer, FTP prevodi završetke redaka. Da bismo zaobišli ovaj problem, takve binarne podatke kodiramo u znakove. Base64 je jedna od ovih vrsta kodiranja.

Niz kodiran Base64 sadrži 64 ASCII znaka koji predstavljaju kodirane podatke. Ova 64 znaka dovoljna su za kodiranje bilo kojih podataka bilo koje duljine. Jedini nedostatak kodiranja base64 je taj što će veličina kodiranog niza biti 33% veća u odnosu na izvorni niz. Svi osnovni znakovi prisutni su u mnogim skupovima znakova, a to osigurava da će preneseni podaci sigurno doći na drugi kraj neiskvareni. Znakovi Base64 mogu se grupirati u 4 skupine:

• Velika slova abecede (indeksi 0-25): ABCDEFGHIJKLMNOPQRSTUVWXYZ
• Male abecede (indeksi 26-51): abcdefghijklmnopqrstuvwxyz
• Znamenke (indeksi 52-61): 0123456789
• Simboli (indeksi 62-63): +/

Znakovi u nizu kodiranom base64 razlikuju velika i mala slova. To znači da, na primjer, kada pokušate dekodirati nizove kodirane base64 kao što su ab ==, Ab ==, aB == i AB ==; dobit ćete 4 različita rezultata. Znak jednakosti (=) nije dio indeksa i također nije uključen u postupak kodiranja. Koristi se samo za popunjavanje, a poznat je i kao znak paddinga. Osigurava da base64 kodirani niz bude višekratnik od 4 bajta, zbog čega se uvijek dodaje na kraj kodiranog niza. Molimo pogledajte tablicu indeksa base64 znakova danu u nastavku radi boljeg razumijevanja.

Gdje se koristi Base64?

Base64 se koristi u različitim kontekstima. Neki od njih dati su u nastavku.

• Base64 se može koristiti za prijenos i pohranu tekstualnih podataka kako bi se izbjegla svaka vrsta sudara graničnika.
• Binarni podaci ugrađeni su u XML datoteke pomoću Base64.
• Base64 se koristi za kodiranje binarnih datoteka kao što su slike, kako bi se izbjegla ovisnost o vanjskim datotekama.
• Shema podataka URI također koristi Base64 za predstavljanje slikovnih datoteka. Zbog toga izvor slike u HTML dokumentu može biti put do vanjske datoteke ili URI podataka.
• Base64 se obično koristi za prikrivanje tajni bez dodatnih troškova upravljanja kriptografskim ključevima, jer je jednostavan i lagan za upotrebu.
• Pošiljatelji neželjene pošte također koriste Base64 kodiranje kako bi izbjegli osnovne alate za zaštitu od neželjene pošte jer ne mogu otkriti ključne riječi u kodiranim porukama.
• U LDIF datotekama Base64 se koristi za kodiranje nizova znakova.

Što je URL podataka ili URI podataka?

URL podataka ili URI oznaka je jedinstveni lokator podataka ili jedinstveni identifikator resursa. To je jednostavno shema koja pruža mehanizam za umetanje podataka u HTML dokument. URI podataka sadrži niz kodiran s base64 koji predstavlja datoteku.

Datoteka može biti različitih vrsta, ali najčešće je to slikovna datoteka. Imati slikovne podatke u formatu niza kodiranog base64 jednostavno znači da za prikaz slike na webu ne trebate navesti mjesto slike. Taj kodirani niz možete izravno koristiti kao vrijednost atributa izvora za prikaz slike. Kad god preglednik naiđe na URI podataka, moći će dekodirati datoteku i konstruirati izvornu datoteku. Shema URI podataka sadrži informacije o datoteci, poput vrste MIME, kao i niz kodiran s base64. Molimo pogledajte dolje navedeni kod.

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

Ovisno o veličini datoteke, duljina niza kodiranog base64 može varirati. URI podataka možete koristiti u CSS datoteci kao i u HTML datoteci.

Prednosti upotrebe URL-a podataka ili URI-ja podataka

Glavna prednost upotrebe URI-ja podataka umjesto puta datoteke je smanjenje broja odlaznih http zahtjeva. Previše http zahtjeva za poslužiteljem koji iznova traže istu datoteku može povećati opterećenje na poslužitelju. Ako ga izravno ugradite u HTML, više neće biti odlaznih zahtjeva jer je datoteka već prisutna u HTML dokumentu u kodiranom formatu. Preglednik ga samo treba dekodirati i prikazati. Kao što je gore spomenuto, veličina niza base64 u URI-ju podataka bit će 33% veća od stvarne veličine datoteke. Sve se odnosi na optimizaciju izvedbe i strogo ovisi o vašem izboru koju metodu želite učitati.

URI podataka ne pohranjuje u predmemoriju preglednika, tako da svaki put kada korisnik posjeti web stranicu, preglednik mora preuzeti cijeli HTML i on mora dekodirati ugrađene podatke. Previše upotrebe URI-ja podataka u HTML-u može značajno naštetiti performansama web mjesta. Morate smanjiti njegovu upotrebu što je moguće niže. Zbog velike brzine bežične veze možda nećete vidjeti veliku razliku u performansama stolnog ili prijenosnog računala. Ali u slučaju mobilnih uređaja koji imaju malu brzinu interneta, to će znatno naštetiti. Ako će vašoj web stranici trebati previše vremena za učitavanje na mobilnim uređajima, tada će definitivno doći do gubitka prihoda i niskog angažmana korisnika.

Podrška za preglednik URI podataka

URI podataka podržavaju svi moderni preglednici. Stariji preglednici poput IE5 i IE7 ga ne podržavaju, pa ga izbjegavajte koristiti ako vam je potrebna podrška za te preglednike ili možete pokušati potražiti neko alternativno rješenje na mreži. Molimo pogledajte popis podržanih preglednika naveden u nastavku.

• Firefox verzija 2+
• Opera verzija 7.2+ (Duljina URI-ja podataka ne smije biti veća od 4100 znakova)
• Chrome (podržane su sve verzije)
• Safari (podržane su sve verzije)
• Internet Explorer 8+ (veličina URI-ja podataka mora biti manja od 32 kb)