Kuidas teisendada pilt CSS-i jaoks Base64 andme-URI-ks?

Lohista või kleebi pilt (Ctrl+V), ava vahekaart CSS ja klõpsa nuppu Kopeeri. Saad background-image: url(...) reegli, kus andme-URI on sees. Vahekaardid HTML, Markdown, Raw Base64 ja JSON töötavad samamoodi.

Miks on Base64 väljund minu pildist umbes kolmandiku võrra suurem?

Base64 teeb iga 3 baiti 4 tekstimärgiks, seega on tekst failist umbes 33% suurem. Seepärast sobivad andme-URI-d väikeste ikoonide ja logode jaoks, mitte suurte fotode jaoks.

Kuidas saan Base64 stringi lühemaks teha?

Ava kõigepealt Vähenda ja määra Maksimaalne laius või Vorming (WebP, JPEG või PNG) ning vähenda WebP või JPEG puhul Kvaliteeti. SVG- ja GIF-faile ei saa nii vähendada; SVG saab selle asemel vahekaardi SVG (URL-kodeeritud).

Kas saan Base64 stringi tagasi pildiks teisendada?

Jah. Lülita Suund väärtusele Base64 pildiks ja kleebi andme-URI või pelgalt Base64. See tunneb ära PNG, JPEG, GIF, WebP, SVG, BMP, ICO ja AVIF ning pakub seejärel allalaadimist. Vigane sisend näitab veateadet.

Miks Kopeeri ebaõnnestub või eelvaade paistab suure pildi puhul äralõigatud?

Eelvaade näitab ainult esimest 2000 märki, kuid Kopeeri ja Laadi alla annavad kogu väärtuse. Väga suured stringid võivad ületada brauseri lõikelaua piiri, seega kasuta Laadi alla või vähenda pilti enne.

Kas see on tõesti tasuta?

Jah. Iga tööriist on tasuta kasutamiseks, ei nõua kontot ega krediitkaarti. Töö toimub sinu seadmes, mitte meie serverites, mis võimaldabki seda tasuta pakkuda.

Kas minu faile laaditakse üles?

Ei. Teie failid avatakse ja töödeldakse teie brauseris ning neid ei saadeta LibraToolile. Mõned tööriistad laadivad esmalt brauserisse töötlusmootori või tehisintellekti mudeli; see allalaadimine ei sisalda teie andmeid.

Kas see töötab mobiilseadmetes?

Jah. See töötab tänapäevastes mobiilibrauserites iOS-is ja Androidis ning midagi pole vaja installida. Väga suured failid võivad telefonis aeglased olla või mälu täis saada, seega kasutage nende jaoks arvutit.

🖼️

Pilt Base64-ks tasuta

Teisenda pilt Base64 andme-URI-ks CSS-is, HTML-is või Markdownis kasutamiseks. Kopeeri valmis koodilõigud. Kodeeritakse sinu brauseris; ei laadita kunagi üles.

Faili suurus sõltub sinu seadmestFailid jäävad privaatseksSisselogimist ei nõutaIgavesti tasuta

Töötab võrguühenduseta pärast laadimist

Lohistage fail siia või klõpsake sirvimiseks

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · töödeldakse sinu seadmes

või vajutage lõikelaualt kleepimiseks Ctrl+V

Sirvi faile

Nõuanne: samuti saad pildile klahvida Ctrl+V.

Sinu failid ei lahku kunagi sinu seadmest. Kogu töötlus toimub kohalikult sinu brauseris.

Teisenda pilt Base64 andme-URI-ks, mille saad otse kleepida CSS-i, HTML-i või Markdowni — eraldi faili pole vaja. Kodeeritakse teie brauseris; ei laadita kunagi üles.

Levinud kasutusviisid

Kaldu pilt CSS-iKaldu väike ikoon või taust andmete URI-ks oma stiililehel.
Kaldu pilt HTML-iKaldu logo või ikoon otse omaette HTML-i.
Teisenda SVG või ikoon Base64-ksMuuda väike ikoon andmete URI-ks manustamiseks.
Kaldu pilt MarkdowniKaldu väike pilt Markdowni faili andmete URI-ks.
Hangi pildi andmete URITõida toorandmeid: URI, mida võid kasutada kõikjal.

Kuidas see töötab

Andmete URI manustab pildi otse teie koodi tekstina, nii et see laadub ilma eraldi failitalletuseta — kasulik väikeste ikoonide ja iseseisva HTML-i jaoks. See kodeerib selle teie brauseris.

1
Te loobite pildi
See loetakse kohalikult FileReader API abil — mitte kunagi üles laaditud.
2
See on Base64-kodeeritud
Pildi baidid muutuvad andmeteks: URI (data:image/...;base64,…) teie brauseris.
3
Te valite koodijupi
Kopeerige toorandmete URI või valmis CSS (background-image), HTML (<img>) või Markdown.
4
Kleepige oma koodi
Pilt liigub nüüd inline teie CSS/HTML-iga — lisafail pole vaja majutada.

Pilt kodeeritakse täielikult teie seadmes. Pange tähele, et Base64 on ~33% suurem originaalast, seega andmete URI-d on parimad väikeste piltide jaoks.

Seotud tööriistad

🖼️

Pildi steganograafia (peida tekst pildis)

Peida salajane tekstisõnum PNG-s, kasutades vähima olulisusega biti steganograafiat, valikulise AES-256-GCM paroolkrüptimisega. Eralda see hiljem sama tööriistaga. Kõik töötab sinu brauseris.

Proovi järeleFailid jäävad kohalikuks

🔢

Base64 kodeerija ja dekodeerija

Kodeeri tekst või failid Base64-ks või dekodeeri Base64 stringid tagasi lihttekstiks. Kohene, privaatne ja tasuta.

Proovi järele

🔗

URL-kodeerija ja -dekodeerija

Kodeeri ja dekodeeri URL-e ja päringuStringe. Toetab encodeURIComponent, decodeURIComponent ja päringuStringide analüüsi.