Slika u Base64
Ispusti bilo koju sliku u ovaj pretvarač slike u Base64 da dobiješ data URI i isječke spremne za lijepljenje za HTML, CSS i JavaScript. Ugrađene slike štede HTTP zahtjeve za male ikone i ključne su za HTML u jednoj datoteci, predloške e-pošte i offline aplikacije.
Kako pretvoriti Slika u Base64 online
- Odaberi datoteku slike ili zalijepi URL slike.
- Odaberi izlaz: data URI,
<img>, CSS background, favicon, JSON i više. - Klikni Kodiraj sliku u Base64.
- Pregledaj sliku i kopiraj kod.
Više Slika u Base64 pretvarača
Izlazni formati
Odaberi kako treba omotati rezultat. Pretvarač može vratiti:
- txt: samo Base64 niz, spreman za lijepljenje u kod, polje baze podataka ili API zahtjev.
- uri: potpuni
data:URI koji možeš zalijepiti u adresnu traku preglednika ili koristiti gdje god se prihvaća URL. - html img:
<img>oznaka s data URI-jem usrc. - css background image: CSS pravilo koje koristi
background-image: url(data:...). - html favicon:
<link rel="icon">oznaka za ugrađeni favicon. - html hyperlink:
<a>poveznica koja preuzima ili otvara ugrađenu datoteku. - html iframe:
<iframe>koji renderira sadržaj ugrađeno. - javascript image: JavaScript koji stvara
Imageobjekt. - javascript popup: JavaScript koji otvara sadržaj u novom prozoru.
- json: JSON objekt s nazivom datoteke, MIME tipom i podacima.
- xml: XML element s podacima unutar CDATA sekcije.
Kad ugraditi slike kao Base64?
Ugradi male slike (ispod otprilike 5–10 KB) kao ikone, logotipe i placeholdere da uštediš zahtjeve. Izbjegavaj ugradnju velikih fotografija: čine HTML/CSS težim, ne mogu se zasebno predmemorirati i usporavaju renderiranje. Za detaljnu raspravu vidi objašnjenje data URI-ja.
Često postavljana pitanja
Kako pretvoriti sliku u Base64?
Odaberi sliku, odaberi "Data URI" ili "<img>" kao izlaz i klikni "Kodiraj sliku u Base64". Kopiraj rezultat u svoj HTML ili CSS.
Koji formati slika su podržani?
Bilo koji format koji tvoj preglednik može pročitati: PNG, JPG/JPEG, GIF, WebP, SVG, BMP, ICO, AVIF, TIFF i više.
Kako koristiti Base64 sliku u HTML-u?
Stavi data URI u src atribut: <img src="data:image/png;base64,iVBORw0KGgo..." alt="">.
Komentari (0)
Pitanja, ideje ili greška u “Slika u Base64”? Ostavi komentar, ocijeni alat ili odgovori drugima.
Još nema komentara. Budi prvi koji podijeli povratne informacije!