Hvernig breyti ég mynd í Base64 gagnaslóð (data URI) fyrir CSS?

Slepptu eða límdu mynd (Ctrl+V), opnaðu síðan CSS-flipann og smelltu á Afrita. Þú færð background-image: url(...) reglu með gagnaslóðinni innfelldri. HTML-, Markdown-, Raw Base64- og JSON-flipar virka á sama hátt.

Af hverju er Base64-úttakið um þriðjungi stærra en myndin mín?

Base64 breytir hverjum 3 bætum í 4 textastafi, svo textinn er um 33% stærri en skráin. Þess vegna henta gagnaslóðir fyrir lítil tákn og merki, ekki stórar ljósmyndir.

Hvernig get ég stytt Base64-strenginn?

Opnaðu fyrst Minnka og stilltu Hámarksbreidd eða Snið (WebP, JPEG eða PNG) og lækkaðu Gæði fyrir WebP eða JPEG. SVG- og GIF-skrár er ekki hægt að minnka á þennan hátt; SVG fær í staðinn SVG (URL-kóðað) flipa.

Get ég breytt Base64-streng aftur í mynd?

Já. Skiptu Stefnu yfir í Base64 í mynd og límdu gagnaslóð eða hreint Base64. Þetta þekkir PNG, JPEG, GIF, WebP, SVG, BMP, ICO og AVIF og býður síðan upp á niðurhal. Ógilt inntak sýnir villu.

Af hverju mistekst Afrita eða forskoðunin virðist skorin af með stórri mynd?

Forskoðunin sýnir aðeins fyrstu 2000 stafina, en Afrita og Sækja gefa allt gildið. Mjög langir strengir geta farið yfir klippiborðsmörk vafrans, svo notaðu Sækja eða minnkaðu myndina fyrst.

Er þetta í alvöru ókeypis?

Já. Öll verkfæri eru ókeypis í notkun, án aðgangs og án kreditkorts. Vinnan fer fram í tækinu þínu frekar en á netþjónum okkar, sem gerir það að verkum að hægt er að halda þjónustunni ókeypis.

Er skrám mínum hlaðið upp?

Nei. Skrárnar þínar eru opnaðar og unnar í vafranum og er ekki send til LibraTool. Sum verkfæri sækja fyrst vinnsluvél eða gervigreindarlíkan í vafrann þinn; sú niðurhöl inniheldur engin gögn frá þér.

Virkar það í farsíma?

Já. Það keyrir í nýlegum farsímavöfrum á iOS og Android án þess að setja neitt upp. Mjög stórar skrár geta verið hægar eða klárað minnið í síma, svo notaðu tölvu fyrir þær.

🖼️

Mynd í Base64 — ókeypis

Breyttu mynd í Base64 gagnasíðuvísitölu til innfellingar í CSS, HTML eða Markdown. Afritaðu tilbúnar kóðabútar. Kóðað í vafranum þínum; aldrei hlaðið upp.

Skráarstærð fer eftir tækinu þínuSkrár eru persónulegarEngin innskráning krafistFrjáls að eilífu

Virkar án nettengingar eftir hleðslu

Slepptu skrá hér eða smelltu til að velja

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · unnið í tækinu þínu

eða ýttu á Ctrl+V til að líma af klippiborði

Skoðaðu skrár

Ábending: þú getur einnig límt mynd frá þínu klipuborði (Ctrl+V).

Skrárnar þínar fara aldrei úr tækinu þínu. Öll vinnsla fer fram á staðnum í vafranum þínum.

Umbreytir mynd í Base64 gagna-URI sem hægt er að líma beint í CSS, HTML eða Markdown — þarf ekki sérstaka skrá. Kóðað í vafranum þínum; aldrei hlaðið upp.

Algeng notkun

Inlinea Mynd í CSSFeldu litla táknmynd eða bakgrunn sem gagnaúrskurð í stílbreytunni þinni.
Feldu Mynd í HTMLInlinea lógó eða tákn beint í sjálfsöfugu HTML.
Breyttu SVG eða Tákni í Base64Breyttu litlum tákni í gagnaúrskurð fyrir inlining.
Feldu Mynd í MarkdownInlinea litla mynd í Markdown skrá með gagnaúrskurði.
Få Gögn MyndarúrskurðarFramkalltu hrá gögn: URI sem þú getur notað hvar sem er.

Hvernig það virkar

Gagna URI felur myndir beint inn í kóðann þinn sem texta, svo hún hleðst án sérstakrar beiðni um skrá – gott fyrir litla táknmyndir og sjálfstætt HTML. Þetta kóðar hana í vafranum þínum.

1
Þú fellir inn mynd
Það er lesið staðbundið með FileReader API – aldrei sent inn.
2
Það er Base64 kóðað
Myndu bytin verða gagna: URI (gögn:mynd/...;base64,…) beint í vafranum þínum.
3
Þú velur útsnið
Afrita hinn hreina gagna URI, eða tilbúnir CSS (bakgrunn-mynd), HTML (<img>) eða Markdown.
4
Límtu það inn í kóðann þinn
Myndin ferðast nú inn á við CSS/HTML þína – engin auka skrá til að hýsa.

Myndin er kóðuð alveg á þínu tæki. Athugið að Base64 er ~33% stærri en upprunalego, svo gagnakúrar eru bestu fyrir litlar myndir.

Tengd verkfæri

🖼️

Mynd-steganógrafía (Fela texta í mynd)

Faldu leynilegt textaskilaboð inni í PNG með minnst-marktæk-bitar steganógrafíu, með valfrjálsri AES-256-GCM lykilorðadulkóðun. Dragðu það út síðar með sama verkfæri. Allt keyrir í vafranum þínum.

Prófaðu þaðSkrár eru staðbundnar

🔢

Base64 kóðari og afkóðari

Kóðaðu texta eða skrár í Base64, eða afkóðaðu Base64 strengi aftur í venjulegan texta. Augnabliksleg, einkamál og ókeypis.

Prófaðu það

🔗

URL kóðari og afkóðari

Kóða og afkóða vefslóðir og fyrirspurnastrengi. Styður encodeURICcomponent, decodeURICcomponent og þáttun fyrirspurnastrengja.