Kako pretvorim sliko v Base64 data URI za CSS?

Spustite ali prilepite sliko (Ctrl+V), nato odprite zavihek CSS in kliknite Kopiraj. Dobite pravilo background-image: url(...) z vdelanim data URI. Zavihki HTML, Markdown, Surov Base64 in JSON delujejo enako.

Zakaj je izhod Base64 približno tretjino večji od moje slike?

Base64 vsake 3 bajte pretvori v 4 besedilne znake, zato je besedilo približno 33 % večje od datoteke. Zato so data URI primerni za majhne ikone in logotipe, ne pa za velike fotografije.

Kako lahko skrajšam niz Base64?

Najprej odprite Skrči in nastavite Največjo širino ali Format (WebP, JPEG ali PNG) ter znižajte Kakovost za WebP ali JPEG. Datotek SVG in GIF na ta način ni mogoče skrčiti; SVG namesto tega dobi zavihek SVG (kodiran z URL).

Ali lahko niz Base64 pretvorim nazaj v sliko?

Da. Preklopite Smer na Base64 v sliko in prilepite data URI ali surov Base64. Prepozna PNG, JPEG, GIF, WebP, SVG, BMP, ICO in AVIF, nato ponudi prenos. Neveljaven vnos prikaže napako.

Zakaj kopiranje ne uspe ali je predogled pri veliki sliki videti odrezan?

Predogled prikaže le prvih 2000 znakov, vendar Kopiraj in Prenesi dasta celotno vrednost. Zelo dolgi nizi lahko presežejo omejitev odložišča brskalnika, zato uporabite Prenesi ali najprej skrčite sliko.

Ali je res brezplačno?

Da. Vsako orodje je brezplačno za uporabo, brez računa in kreditne kartice. Delo poteka na vaši napravi in ne na naših strežnikih, kar omogoča brezplačno delovanje.

Ali se moje datoteke nalagajo?

Ne. Vaše datoteke se odprejo in obdelajo v vašem brskalniku ter se ne pošiljajo v LibraTool. Nekatera orodja najprej v brskalnik prenesejo procesni modul ali model UI; ta prenos ne vsebuje nobenih vaših podatkov.

Ali deluje na mobilniku?

Da. Deluje v sodobnih mobilnih brskalnikih na iOS in Androidu, brez namestitve. Zelo velike datoteke so na telefonu lahko počasne ali pa zmanjka pomnilnika, zanje uporabite računalnik.

🖼️

Slika v Base64 — brezplačno

Pretvorite sliko v URI podatkov Base64 za vgrajeno uporabo v CSS, HTML ali Markdownu. Kopirajte pripravljene izsečke. Kodirano v vašem brskalniku; nikoli naloženo.

Velikost datoteke je odvisna od vaše napraveDatoteke ostanejo zasebnePrijava ni potrebnaBrezplačno za vedno

Deluje brez povezave po nalaganju

Spustite datoteko sem ali kliknite za izbiro

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · obdelano na vaši napravi

ali pritisnite Ctrl+V za lepljenje iz odložišča

Brskanje po datotekah

Nasvet: lahko tudi prilepite sliko iz odložišča (Ctrl+V).

Vaše datoteke nikoli ne zapustijo vaše naprave. Vsa obdelava poteka lokalno v vašem brskalniku.

Pretvorite sliko v URI podatkov Base64, ki ga lahko prilepite neposredno v CSS, HTML ali Markdown — brez ločene datoteke. Kodirano v brskalniku; nikoli naloženo.

Pogosta področja uporabe

Vgradi sliko v CSSVgradi majhno ikono ali ozadje kot data URI v svoj slog.
Vgradi sliko v HTMLVgradi logotip ali ikono neposredno v samostojen HTML.
Pretvori SVG ali ikono v Base64Spremenite majhno ikono na data URI za vgradnjo.
Vgradi sliko v MarkdownVgradi majhno sliko v Markdown datoteko s data URI.
Pridobi URI slikeProizvedite surove data: URI, ki ga lahko uporabite kjerkoli.

Kako deluje

Podatkovni URI vgradi sliko direktno v vaš kod kot tekst, zato se naloži brez ločenega zahtevka datoteke — priročno za majhne ikone in samostojni HTML. To ga kodira v brskalniku.

1
Spustite sliko
Prebere se lokalno s API FileReader — nikoli prenešeno.
2
Je Base64 kodirana
Bajti slike postanejo podatkovni: URI (data:image/...;base64,…) pravo v brskalniku.
3
Izberete fragment
Kopirajte goli podatkovni URI ali pripravljene CSS (background-image), HTML (<img>) ali Markdown.
4
Prilepite ga v kodo
Slika se sedaj potuje skupaj z CSS/HTML — ni potrebne dodatne datoteke za gostovanje.

Slika je kodirana v celoti na vaši napravi. Opomba: Base64 je ~33% večji kot izvirnik, zato so podatkovni URI-ji najboljši za majhne slike.

Sorodna orodja

🖼️

Steganografija slik (skrij besedilo v sliki)

Skrijte tajno besedilno sporočilo znotraj PNG z steganografijo najmanj pomembnih bitov, z neobveznim šifriranjem z geslom AES-256-GCM. Pozneje ga izvlecite z istim orodjem. Vse se izvaja v vašem brskalniku.

PoskusiteDatoteke ostanejo lokalne

🔢

Koder in dekoder Base64

Kodirajte besedilo ali datoteke v Base64 ali dekodirajte nize Base64 nazaj v navadno besedilo. Takojšnje, zasebno in brezplačno.

Poskusite

🔗

URL kodirnik in dekodirnik

Kodirajte in dekodirajte URL-je in nize poizvedb. Podpira encodeURIComponent, decodeURIComponent in razčlenjevanje nizov poizvedb.