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

Slip eller indsæt et billede (Ctrl+V), åbn derefter fanen CSS, og klik på Kopiér. Du får en background-image: url(...)-regel med data-URI'en indsat. Fanerne HTML, Markdown, Rå Base64 og JSON fungerer på samme måde.

Hvorfor er Base64-outputtet cirka en tredjedel større end mit billede?

Base64 omdanner hver 3 bytes til 4 tekst-tegn, så teksten er cirka 33 % større end filen. Derfor egner data-URI'er sig til små ikoner og logoer, ikke til store fotos.

Hvordan kan jeg gøre Base64-strengen kortere?

Åbn først Formindsk, og angiv en maks. bredde eller et format (WebP, JPEG eller PNG), og sænk kvaliteten for WebP eller JPEG. SVG- og GIF-filer kan ikke formindskes på denne måde; SVG får i stedet en fane SVG (URL-kodet).

Kan jeg omdanne en Base64-streng tilbage til et billede?

Ja. Skift retning til Base64 til billede, og indsæt en data-URI eller ren Base64. Den genkender PNG, JPEG, GIF, WebP, SVG, BMP, ICO og AVIF og tilbyder derefter en download. Ugyldigt input viser en fejl.

Hvorfor mislykkes Kopiér, eller ser forhåndsvisningen afskåret ud ved et stort billede?

Forhåndsvisningen viser kun de første 2000 tegn, men Kopiér og Download giver den fulde værdi. Meget store strenge kan overskride browserens grænse for udklipsholderen, så brug Download, eller formindsk billedet først.

Er det virkelig gratis?

Ja. Alle værktøjer er gratis at bruge, uden konto og uden kreditkort. Arbejdet foregår på din enhed i stedet for på vores servere, hvilket er det, der gør det gratis at køre.

Bliver mine filer uploadet?

Nej. Dine filer åbnes og behandles inde i din browser og sendes ikke til LibraTool. Nogle værktøjer downloader først en behandlingsmotor eller AI-model til din browser; den download indeholder ingen af dine data.

Virker det på mobil?

Ja. Det kører i nuværende mobilbrowsere på iOS og Android, uden noget at installere. Meget store filer kan være langsomme eller løbe tør for hukommelse på en telefon, så brug en computer til dem.

🖼️

Gratis Billede til Base64

Konverter et billede til en Base64-data-URI til inline-brug i CSS, HTML eller Markdown. Kopiér færdige kodestykker. Kodes i din browser; uploades aldrig.

Filstørrelsen afhænger af din enhedFiler forbliver privateIngen login krævetGratis for altid

Virker offline, når den er indlæst

Slip en fil her, eller klik for at vælge

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

eller tryk Ctrl+V for at indsætte fra udklipsholderen

Gennemse filer

Tip: du kan også indsætte et billede fra din udklipsholder (Ctrl+V).

Dine filer forlader aldrig din enhed. Al behandling sker lokalt i din browser.

Konvertér et billede til en Base64-data-URI, som du kan indsætte direkte i CSS, HTML eller Markdown — ingen separat fil nødvendig. Kodes i din browser; uploades aldrig.

Almindelige anvendelser

Indlejr et billede i CSSIndlejr et lille ikon eller baggrund som en data-URI i dit stylesheet.
Indlejr et billede i HTMLIndlejr et logo eller ikon direkte i selvstændigt HTML.
Konverter en SVG eller ikon til Base64Transformer et lille ikon til en data-URI til indlejring.
Indlejr et billede i MarkdownIndlejr et lille billede i en Markdown-fil med en data-URI.
Få et billeddata-URIProducér et rå data: URI, som du kan bruge hvor som helst.

Sådan fungerer det

En data-URI indlejrer et billede direkte i din kode som tekst, så det indlæses uden en separat fil-anmodning — praktisk for små ikoner og selvstændige HTML. Dette koder det i din browser.

1
Du slipper et billede ind
Det læses lokalt med FileReader API — aldrig uploadet.
2
Det er Base64-kodet
Billede-bytes bliver til en data: URI (data:image/...;base64,…) direkte i din browser.
3
Du vælger et kodestykke
Kopier den rå data-URI, eller færdiglavet CSS (background-image), HTML (<img>) eller Markdown.
4
Indsæt det i din kode
Billedet rejser nu indlejret med din CSS/HTML — ingen ekstra fil at hoste.

Billedet kodes helt på din enhed. Bemærk at Base64 er ~33% større end originalen, så data-URI'er er bedst for små billeder.

Relaterede værktøjer

🖼️

Billedsteganografi (skjul tekst i billede)

Skjul en hemmelig tekstbesked inde i en PNG ved hjælp af mindst-signifikante-bit-steganografi, med valgfri AES-256-GCM-adgangskodekryptering. Udtræk den senere med samme værktøj. Alt kører i din browser.

Prøv detFiler forbliver lokale

🔢

Base64-koder og -dekoder

Kodér tekst eller filer til Base64, eller dekodér Base64-strenge tilbage til ren tekst. Øjeblikkeligt, privat og gratis.

Prøv det

🔗

URL-koder og -dekoder

Kod og dekod URL'er og forespørgselsstrenge. Understøtter encodeURIComponent, decodeURIComponent og parsing af forespørgselsstrenge.