Kako da pretvorim sliku u Base64 data URI za CSS?

Prevucite ili nalepite sliku (Ctrl+V), zatim otvorite karticu CSS i kliknite na Kopiraj. Dobijate pravilo background-image: url(...) sa ugrađenim data URI-jem. Kartice HTML, Markdown, Raw Base64 i JSON rade na isti način.

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

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

Kako mogu da skratim Base64 string?

Prvo otvorite Smanji i podesite Maksimalnu širinu ili Format (WebP, JPEG ili PNG), pa smanjite Kvalitet za WebP ili JPEG. SVG i GIF fajlovi ne mogu da se smanje na ovaj način; SVG umesto toga dobija karticu SVG (URL-kodiran).

Mogu li Base64 string da vratim u sliku?

Da. Prebacite Smer na Base64 u sliku i nalepite data URI ili čist Base64. Prepoznaje PNG, JPEG, GIF, WebP, SVG, BMP, ICO i AVIF, a zatim nudi preuzimanje. Nevažeći unos prikazuje grešku.

Zašto Kopiranje ne uspeva ili pregled izgleda isečeno kod velike slike?

Pregled prikazuje samo prvih 2000 znakova, ali Kopiraj i Preuzmi daju punu vrednost. Veoma veliki stringovi mogu da premaše ograničenje klipborda pregledača, pa koristite Preuzmi ili prvo smanjite sliku.

Da li je zaista besplatno?

Da. Svaka alatka je besplatna za korišćenje, bez naloga i bez kreditne kartice. Obrada se obavlja na vašem uređaju, a ne na našim serverima, što omogućava da ostane besplatna.

Da li se moje datoteke otpremaju?

Ne. Vaše datoteke se otvaraju i obrađuju u vašem pregledaču i ne šalju se na LibraTool. Neki alati prvo preuzmu u pregledač mašinu za obradu ili AI model; to preuzimanje ne sadrži nikakve vaše podatke.

Da li radi na mobilnim uređajima?

Da. Radi u aktuelnim mobilnim pregledačima na iOS-u i Androidu, bez instalacije. Veoma velike datoteke mogu biti spore ili mogu da potroše svu memoriju telefona, pa za njih koristite računar.

🖼️

Slika u Base64 — besplatno

Konvertujte sliku u Base64 data URI za inline upotrebu u CSS, HTML ili Markdown. Kopirajte gotove isečke koda. Enkodovano u vašem pregledaču; nikada se ne otprema.

Veličina fajla zavisi od vašeg uređajaFajlovi ostaju privatniNije potrebna prijavaBesplatno zauvek

Radi van mreže kada se učita

Prevucite datoteku ovde ili kliknite da izaberete

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

ili pritisnite Ctrl+V da nalepite iz privremene memorije

Pretraži fajlove

Savet: takođe možeš zalepiti sliku iz privremene memorije (Ctrl+V).

Vaši fajlovi nikada ne napuštaju vaš uređaj. Sva obrada se odvija lokalno u vašem pregledaču.

Konvertujte sliku u Base64 data URI koji možete direktno nalepiti u CSS, HTML ili Markdown — bez zasebne datoteke. Kodiranje se vrši u pretraživaču; nikada se ne otprema.

Uobičajene upotrebe

Ukloni sliku u CSSUgradij malu ikonu ili pozadinu kao data URI u tvoj stilski list.
Ugradij sliku u HTMLUkloni logotip ili ikonu direktno u samostalan HTML.
Konvertuj SVG ili ikonu u Base64Pretvori malu ikonu u data URI za uklanjanje.
Ugradij sliku u MarkdownUkloni malu sliku u Markdown datoteku sa data URI.
Uzmi URI slikeProizvedi sirovi data: URI koji možeš koristiti bilo gde.

Kako funkcioniše

Data URI ugrađuje sliku direktno u vaš kod kao tekst, pa se učitava bez zasebnog zahteva za datoteku — pogodno za male ikone i samostalan HTML. Ovde se kodira u vašem pregledaču.

1
Bacate sliku
Čita se lokalno sa FileReader API-jem — nikada se ne otprema.
2
Kodira se u Base64
Bajtovi slike postaju data: URI (data:image/...;base64,…) direktno u vašem pregledaču.
3
Birate isečak
Kopirajte sirovi data URI, ili pripremljen CSS (background-image), HTML (<img>) ili Markdown.
4
Nalepite ga u vaš kod
Slika sada putuje unutar CSS/HTML — nema dodatne datoteke za prosleđivanje.

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

Slične alatke

🖼️

Steganografija slike (sakrivanje teksta u slici)

Sakrijte tajnu tekstualnu poruku unutar PNG slike koristeći steganografiju najmanje značajnog bita, sa opcionalnom AES-256-GCM enkripcijom lozinkom. Izvucite je kasnije istim alatom. Sve radi u vašem pregledaču.

IsprobajteFajlovi ostaju lokalni

🔢

Base64 enkoder i dekoder

Enkodujte tekst ili fajlove u Base64, ili dekodujte Base64 stringove nazad u čisti 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.