Hvordan konverterer jeg et bilde til en Base64-data-URI for CSS?

Slipp eller lim inn et bilde (Ctrl+V), åpne deretter fanen CSS og klikk på Kopier. Du får en background-image: url(...)-regel med data-URI-en innebygd. Fanene HTML, Markdown, Rå Base64 og JSON fungerer på samme måte.

Hvorfor er Base64-utdataene omtrent en tredjedel større enn bildet mitt?

Base64 gjør om hver 3 byte til 4 tekst-tegn, så teksten blir omtrent 33 % større enn filen. Derfor passer data-URI-er til små ikoner og logoer, ikke store bilder.

Hvordan kan jeg gjøre Base64-strengen kortere?

Åpne Krymp først og angi en Maks bredde eller et Format (WebP, JPEG eller PNG), og senk Kvalitet for WebP eller JPEG. SVG- og GIF-filer kan ikke krympes på denne måten; SVG får i stedet en fane SVG (URL-kodet).

Kan jeg gjøre om en Base64-streng til et bilde igjen?

Ja. Bytt retning til Base64 til bilde og lim inn en data-URI eller ren Base64. Den gjenkjenner PNG, JPEG, GIF, WebP, SVG, BMP, ICO og AVIF, og tilbyr deretter nedlasting. Ugyldig inndata viser en feil.

Hvorfor mislykkes Kopier, eller ser forhåndsvisningen avkuttet ut for et stort bilde?

Forhåndsvisningen viser bare de første 2000 tegnene, men Kopier og Last ned gir hele verdien. Svært store strenger kan overskride nettleserens grense for utklippstavlen, så bruk Last ned eller krymp bildet først.

Er det virkelig gratis?

Ja. Alle verktøy er gratis å bruke, uten konto og uten kredittkort. Arbeidet utføres på enheten din i stedet for på våre servere, noe som gjør det gratis å kjøre.

Lastes filene mine opp?

Nei. Filene dine åpnes og behandles i nettleseren din og sendes ikke til LibraTool. Noen verktøy laster først ned en behandlingsmotor eller AI-modell til nettleseren din; den nedlastingen inneholder ingen data fra deg.

Fungerer det på mobil?

Ja. Det fungerer i moderne mobilnettlesere på iOS og Android, uten at du trenger å installere noe. Svært store filer kan gå tregt eller gå tom for minne på en telefon, så bruk en datamaskin til dem.

🖼️

Gratis Bilde til Base64

Konverter et bilde til en Base64 data-URI for innebygd bruk i CSS, HTML eller Markdown. Kopier ferdige kodesnutter. Kodes i nettleseren; lastes aldri opp.

Filstørrelsen avhenger av enheten dinFiler forblir privateIngen pålogging krevesGratis for alltid

Fungerer uten nett når den er lastet

Slipp en fil her, eller klikk for å bla

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · behandles på enheten din

eller trykk Ctrl+V for å lime inn fra utklippstavlen

Bla gjennom filer

Tips: du kan også lime inn et bilde fra utklippstavlen (Ctrl+V).

Filene dine forlater aldri enheten. All behandling skjer lokalt i nettleseren din.

Konverter et bilde til en Base64 data URI du kan lime direkte inn i CSS, HTML eller Markdown — ingen separat fil nødvendig. Kodes i nettleseren; lastes aldri opp.

Vanlige bruksområder

Innled et bilde i CSSInnbed et lite ikon eller bakgrunn som en data-URI i stilarket ditt.
Innbed et bilde i HTMLInnled et logo eller ikon direkte i frittstående HTML.
Konverter en SVG eller ikon til Base64Gjør om et lite ikon til en data-URI for innleding.
Innbed et bilde i MarkdownInnled et lite bilde i en Markdown-fil med en data-URI.
Få en bilde data-URIProduser en rå data: URI som du kan bruke hvor som helst.

Hvordan det fungerer

En data-URI bygger et bilde direkte inn i koden din som tekst, slik at det lastes uten en separat filforespørsel — praktisk for små ikoner og selvstendig HTML. Dette koder det i nettleseren din.

1
Du slipper inn et bilde
Det leses lokalt med FileReader API — aldri lastet opp.
2
Det er Base64-kodet
Bildets byte blir til en data:-URI (data:image/...;base64,…) rett i nettleseren din.
3
Du velger et utdrag
Kopier den rå data URI, eller ferdig laget CSS (background-image), HTML (<img>), eller Markdown.
4
Lim det inn i koden din
Bildet følger nå med i CSS-en/HTML-en din — ingen ekstra fil å publisere.

Bildet kodes helt på enheten din. Merk at Base64 er ca. 33 % større enn originalen, så data-URI-er egner seg best for små bilder.

Relaterte verktøy

🖼️

Bildesteganografi (skjul tekst i bilde)

Skjul en hemmelig tekstmelding inni en PNG ved hjelp av minst-signifikant-bit-steganografi, med valgfri AES-256-GCM-passordkryptering. Trekk den ut igjen med samme verktøy. Alt kjører i nettleseren.

Prøv detFiler forblir lokale

🔢

Base64-koder og -dekoder

Kode tekst eller filer til Base64, eller dekod Base64-strenger tilbake til vanlig tekst. Øyeblikkelig, privat og gratis.

Prøv det

🔗

URL-koder og dekoder

Kode og dekode URLer og spørringsstrenger. Støtter encodeURIComponent, decodeURIComponent og spørrestrengparsing.