Pretvorite sliku u Base64 data URI za ugrađivanje u HTML, CSS ili JSON, u potpunosti u vašem pregledniku.
Kako koristiti Slika u Base64
Odaberite sliku sa svog uređaja.
Kopirajte data URI ili gotovi CSS isječak.
Zalijepite u vaš HTML, CSS ili JSON.
Ovaj pretvarač slike u Base64 pretvara sliku u data URI, dugi tekstualni niz koji izravno ugrađuje sliku, uz gotov CSS isječak pozadine spreman za upotrebu. Sliku možete umetnuti umjesto povezivanja na zasebnu datoteku.
Izvodi se lokalno u vašem pregledniku, pa se vaša slika čita na vašem uređaju i nikada se ne učitava.
Data URI nosi cijelu sliku unutar oznaka, pa preglednik ne obavlja zaseban mrežni zahtjev za njezino dohvaćanje. Za male resurse poput ikona, ta ušteđena povratna komunikacija može učiniti da se stranica čini bržom.
Kvaka je u veličini i predmemoriranju. Base64 dodaje otprilike 33 posto dodatnog opterećenja jer binarne podatke predstavlja ograničenom tekstualnom abecedom, a umetnuta slika ne može se zasebno predmemorirati, pa se preuzima iznova sa svakom stranicom koja je sadrži.
Pravilo je da se umeću male slike, ikone, sitni logotipi ili sprite, gdje izbjegavanje zahtjeva vrijedi dodatnog opterećenja, i da se veće slike drže kao normalne datoteke koje preglednik može predmemorirati i učitati paralelno.
Data URI-ji rade svugdje gdje se prihvaća URL: img src, CSS pozadina ili polje u JSON-u ili predlošku e-pošte. To ih čini praktičnima za samostalne isječke.
Često postavljana pitanja
Ne. Slika se čita u potpunosti u vašem pregledniku, pa nikada ne napušta vaš uređaj.
Za male slike poput ikona, gdje je izbjegavanje dodatnog mrežnog zahtjeva vrijedno povećanja veličine. Za velike slike, obična datoteka je bolja.
Base64 kodiranje dodaje otprilike 33 posto viška jer predstavlja binarne podatke koristeći ograničenu tekstualnu abecedu.
Ugradi ovaj alat
Dodajte ovaj alat na vlastitu web stranicu. Kopirajte isječak u nastavku; automatski ostaje ažuran.
<iframe src="https://monu.tools/embed/hr/image-to-base64" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Slični alati
Kodirajte tekst u Base64 ili dekodirajte Base64 natrag u tekst. Sigurno za UTF-8 uz automatsko prepoznavanje smjera.
Percent-kodirajte i dekodirajte URL-ove i URL komponente, sigurno za UTF-8.
Dekodirajte JSON Web Token da biste pregledali zaglavlje i payload. Nije potreban tajni ključ. Potpis se ne verificira.
Generirajte SHA-1, SHA-256, SHA-384 i SHA-512 hash-ove bilo kojeg teksta, izravno u pregledniku.