Monu Tools

Slika u Base64

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

  1. 01

    Odaberite sliku sa svog uređaja.

  2. 02

    Kopirajte data URI ili gotovi CSS isječak.

  3. 03

    Zalijepite u vaš HTML, CSS ili JSON.

Što radi ovaj pretvarač

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.

Zašto umetnuti sliku

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.

Kompromis: veličina i predmemoriranje

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.

Gdje data URI-ji rade

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

Učitava li se slika na poslužitelj?

Ne. Slika se čita u potpunosti u vašem pregledniku, pa nikada ne napušta vaš uređaj.

Kada koristiti data URI?

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.

Zašto je Base64 veći od datoteke?

Base64 kodiranje dodaje otprilike 33 posto viška jer predstavlja binarne podatke koristeći ograničenu tekstualnu abecedu.

Izvori

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