Kako pretvoriti sliku u Base64 data URI za CSS?

Ispustite ili zalijepite sliku (Ctrl+V), zatim otvorite karticu CSS i kliknite Kopiraj. Dobit ćete pravilo background-image: url(...) s ugrađenim data URI-jem. Kartice HTML, Markdown, Raw Base64 i JSON rade na isti način.

Zašto je Base64 izlaz otprilike trećinu veći od moje slike?

Base64 svaka 3 bajta pretvara u 4 tekstualna znaka, pa je tekst oko 33% veći od datoteke. Zato su data URI-ji prikladni za male ikone i logotipe, a ne za velike fotografije.

Kako mogu skratiti Base64 niz?

Prvo otvorite Smanji i postavite Maks. širinu ili Format (WebP, JPEG ili PNG) te smanjite Kvalitetu za WebP ili JPEG. SVG i GIF datoteke ne mogu se ovako smanjiti; SVG umjesto toga dobiva karticu SVG (URL-kodirano).

Mogu li Base64 niz pretvoriti natrag u sliku?

Da. Promijenite Smjer u Base64 u sliku i zalijepite data URI ili čisti Base64. Prepoznaje PNG, JPEG, GIF, WebP, SVG, BMP, ICO i AVIF, a zatim nudi preuzimanje. Neispravan unos prikazuje pogrešku.

Zašto Kopiraj ne uspijeva ili pregled izgleda odrezano kod velike slike?

Pregled prikazuje samo prvih 2000 znakova, ali Kopiraj i Preuzmi daju cijelu vrijednost. Vrlo veliki nizovi mogu premašiti ograničenje međuspremnika preglednika, pa koristite Preuzmi ili prvo smanjite sliku.

Je li stvarno besplatno?

Da. Svaki alat je besplatan za korištenje, bez računa i bez kreditne kartice. Rad se odvija na vašem uređaju, a ne na našim poslužiteljima, što omogućuje da ostane besplatan.

Prenose li se moje datoteke?

Ne. Vaše se datoteke otvaraju i obrađuju unutar vašeg preglednika i ne šalju se LibraToolu. Neki alati prvo u preglednik preuzmu mehanizam za obradu ili AI model; to preuzimanje ne sadrži nikakve vaše podatke.

Radi li na mobilnim uređajima?

Da. Radi u aktualnim mobilnim preglednicima na iOS-u i Androidu, bez instalacije. Vrlo velike datoteke mogu biti spore ili ostati bez memorije na telefonu, pa za njih koristite računalo.

🖼️

Slika u Base64 — besplatno

Pretvorite sliku u Base64 data URI za ugradnju u CSS, HTML ili Markdown. Kopirajte gotove isječke. Kodira se u vašem pregledniku; nikad se ne prenosi.

Veličina datoteke ovisi o vašem uređajuDatoteke ostaju privatneNije potrebna prijavaBesplatno zauvijek

Radi offline nakon učitavanja

Ispustite datoteku ovdje ili kliknite za odabir

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · obrađuje se na vašem uređaju

ili pritisnite Ctrl+V za lijepljenje iz međuspremnika

Pregledaj datoteke

Savjet: možeš također zalijepiti sliku iz svojeg međuspremnika (Ctrl+V).

Vaše datoteke nikada ne napuštaju vaš uređaj. Sva obrada odvija se lokalno u vašem pregledniku.

Pretvorite sliku u Base64 data URI koji možete zalijepiti izravno u CSS, HTML ili Markdown — bez zasebne datoteke. Kodira se u pregledniku; nikad se ne prenosi.

Uobičajene namjene

Ugniježdi sliku u CSSUgniježdi malu ikonu ili pozadinu kao data URI u svoju stilsku datoteku.
Ugniježdi sliku u HTMLUgniježdi logotip ili ikonu direktno u samoskupni HTML.
Pretvori SVG ili ikonu u Base64Pretvori malu ikonu u data URI za ugniježđivanje.
Ugniježdi sliku u MarkdownUgniježdi malu sliku u Markdown datoteku sa data URI.
Pronađi URI slikeGeneriraj siriov data: URI koji možeš koristiti bilo gdje.

Kako funkcionira

Podatka URI umeće sliku izravno u kod kao tekst, tako da se učitava bez zasebnog zahtjeva datoteke — praktično za male ikone i samozavršne HTML. Kodno se u vašem pretraživaču.

1
Vi ispustate sliku
Čita se lokalno s API FileReader — nikada se ne učitava.
2
Kodira se u Base64
Bajti slike postaju data: URI (data:image/...;base64,…) direktno u vašem pretraživaču.
3
Vi odaberete isječak
Kopirajte sirovog data URI, ili gotove CSS (background-image), HTML (<img>) ili Markdown.
4
Zalijepite u svoj kod
Slika sada putuje ugrađena u CSS/HTML — nema dodatnih datoteka za hostiranje.

Slika se kodira potpuno na vašem uređaju. Napomena da je Base64 ~33% veći od originala, tako da su data URI-ji najbolji za male slike.

Srodni alati

🖼️

Steganografija slike (sakrij tekst u sliku)

Sakrijte tajnu tekstualnu poruku unutar PNG-a koristeći steganografiju najnižeg značajnog bita, s opcionalnom AES-256-GCM enkripcijom lozinkom. Izvucite je kasnije istim alatom. Sve se izvršava u vašem pregjedniku.

IsprobajteDatoteke ostaju lokalne

🔢

Base64 koder i dekoder

Kodirajte tekst ili datoteke u Base64, ili dekodirajte Base64 nizove natrag u obični tekst. Trenutno, privatno i besplatno.

Isprobajte

🔗

URL koder i dekoder

Kodirajte i dekodirajte URL-ove i nizove upita. Podržava encodeURIComponent, decodeURIComponent i analizu nizova upita.