Sut mae trosi delwedd i URI data Base64 ar gyfer CSS?

Gollyngwch neu gludwch ddelwedd (Ctrl+V), yna agorwch y tab CSS a chlicio Copïo. Cewch reol background-image: url(...) gyda'r URI data wedi'i fewnosod. Mae'r tabiau HTML, Markdown, Raw Base64 a JSON yn gweithio yr un ffordd.

Pam mae'r allbwn Base64 tua thraean yn fwy na fy nelwedd?

Mae Base64 yn troi pob 3 beit yn 4 nod testun, felly mae'r testun tua 33% yn fwy na'r ffeil. Dyna pam mae URIs data'n addas ar gyfer eiconau a logos bach, nid lluniau mawr.

Sut gallaf wneud y llinyn Base64 yn fyrrach?

Agorwch Crebachu yn gyntaf a gosodwch Lled mwyaf neu Fformat (WebP, JPEG neu PNG), a gostyngwch Ansawdd ar gyfer WebP neu JPEG. Ni ellir crebachu ffeiliau SVG a GIF fel hyn; mae SVG yn cael tab SVG (URL-amgodio) yn lle hynny.

Allaf i droi llinyn Base64 yn ôl yn ddelwedd?

Gallwch. Newidiwch y Cyfeiriad i Base64 i Ddelwedd a gludwch URI data neu Base64 noeth. Mae'n adnabod PNG, JPEG, GIF, WebP, SVG, BMP, ICO ac AVIF, yna'n cynnig lawrlwythiad. Mae mewnbwn annilys yn dangos gwall.

Pam mae Copïo'n methu neu'r rhagolwg yn edrych wedi'i dorri ar ddelwedd fawr?

Mae'r rhagolwg yn dangos y 2000 nod cyntaf yn unig, ond mae Copïo a Lawrlwytho yn rhoi'r gwerth llawn. Gall llinynnau mawr iawn fynd dros derfyn clipfwrdd y porwr, felly defnyddiwch Lawrlwytho neu crebachwch y ddelwedd yn gyntaf.

A yw'n rhad ac am ddim go iawn?

Ydy. Mae pob offeryn yn rhad ac am ddim i'w ddefnyddio, heb gyfrif a heb gerdyn credyd. Mae'r gwaith yn rhedeg ar eich dyfais yn hytrach nag ar ein gweinyddion ni, a dyna sy'n caniatáu iddo fod yn rhad ac am ddim i'w redeg.

A yw fy ffeiliau'n cael eu huwchlwytho?

Na. Mae eich ffeiliau'n cael eu hagor a'u prosesu y tu mewn i'ch porwr ac nid ydynt yn cael eu hanfon i LibraTool. Mae rhai offer yn lawrlwytho injan brosesu neu fodel AI i'ch porwr yn gyntaf; nid yw'r lawrlwythiad hwnnw'n cynnwys unrhyw ddata ohonoch chi.

A yw'n gweithio ar ffôn symudol?

Gall. Mae'n rhedeg ym mhorwyr symudol cyfredol iOS ac Android, heb ddim i'w osod. Gall ffeiliau mawr iawn fod yn araf neu redeg allan o gof ar ffôn, felly defnyddiwch gyfrifiadur ar eu cyfer.

🖼️

Delwedd i Base64 am ddim

Trawsnewidwch ddelwedd yn URI data Base64 ar gyfer defnydd mewnlin yn CSS, HTML, neu Markdown. Copïo clipiau parod. Wedi'i godio yn eich porwr; byth yn cael ei uwchlwytho.

Mae maint ffeil yn dibynnu ar eich dyfaisMae ffeiliau'n aros yn breifatNid oes angen mewngofnodiAm ddim am byth

Yn gweithio all-lein ar ôl llwytho

Gollyngwch ffeil yma, neu cliciwch i bori

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · wedi'i brosesu ar eich dyfais

neu pwyswch Ctrl+V i ludo o'ch clipfwrdd

Pori ffeiliau

Awgrym: gallwch hefyd ludo delwedd o'ch clipfwrdd (Ctrl+V).

Nid yw eich ffeiliau byth yn gadael eich dyfais. Mae'r holl brosesu yn digwydd yn lleol yn eich porwr.

Trowch ddelwedd yn ddata URI Base64 y gallwch ei gludio'n uniongyrchol i CSS, HTML, neu Markdown — dim angen ffeil ar wahân. Wedi'i amgodio yn eich porwr; ni lwythir byth.

Defnyddiau cyffredin

Inlein Delwedd mewn CSSGosod icon bach neu gefndir fel URI data yn eich dalenni arddull.
Gosod Delwedd mewn HTMLInlein logo neu icon yn uniongyrchol yn HTML hunangynhaliol.
Trosi SVG neu Icon i Base64Trosi icon bach i URI data ar gyfer inlening.
Gosod Delwedd mewn MarkdownInlein delwedd bach mewn ffeil Markdown gydag URI data.
Cael URI Data DelweddCynhyrchu ddata: URI y gallwch ei ddefnyddio yn unrhyw le.

Sut Mae'n Gweithio

Mae URI data yn embedded llun yn uniongyrchol i'ch cod fel testun, felly mae'n llwytho heb gais ffeil ar wahân — handy ar gyfer eiconau bach a HTML hunan-gynnwys. Mae hwn yn ei godio yn eich porwr.

1
Chi'n gollwng llun
Mae'n cael ei ddarllen yn lleol gyda'r FileReader API — byth yn cael ei uplawd.
2
Mae'n cael ei Base64-godio
Mae'r bytau llun yn troi i URI data: (data:image/...;base64,…) yn union yn eich porwr.
3
Chi'n dewis darn o god
Copïo'r URI data crai, neu CSS parod (background-image), HTML (<img>), neu Markdown.
4
Pastewch ef i'ch cod
Mae'r llun yn teithio mewnlin gyda'ch CSS/HTML — dim ffeil ychwanegol i'w chanteilio.

Mae'r llun yn cael ei godio yn llwyr ar eich dyfais. Nodwch fod Base64 ~33% mwy na'r gwreiddiol, felly mae URI data yn well ar gyfer lluniau bach.

Offer Cysylltiedig

🖼️

Steganograffeg Delwedd (Cuddio Testun mewn Delwedd)

Cuddiwch neges destun gyfrinachol y tu mewn i PNG gan ddefnyddio steganograffeg did lleiaf-arwyddocaol, gydag amgryptiad cyfrinair AES-256-GCM dewisol. Echdynnwch ef yn ddiweddarach gyda'r un offeryn. Mae popeth yn rhedeg yn eich porwr.

Rhowch gynnig arniMae ffeiliau'n aros yn lleol

🔢

Amgodwr a Dadgodwr Base64

Amgodwch destun neu ffeiliau i Base64, neu dadgodwch linynni Base64 yn ôl i destun plaen. Ar unwaith, preifat, ac am ddim.

Rhowch gynnig arni

🔗

Amgodio URL a Dadgodio

Amgodio a dadgodio URLs a llinynnau ymholiad. Cefnogi amgodioURICComponent, dadgodioURICComponent, a dosrannu llinyn ymholiad.