Gjør et bilde om til en data-URI eller Base64-streng — og tilbake igjen.
Inndata
Modus
Hvordan gjør jeg om et bilde til Base64?
Åpne Bilde til Base64 på Tools-Bench og slipp inn en PNG, JPG, SVG, GIF eller WebP. Base64-koden vises med en gang som data-URI, ren Base64, HTML-img-tagg eller CSS-bakgrunn, klar til å kopieres. Bytt til Dekod og lim inn Base64 for å få bildet tilbake. Filen leses i nettleseren og lastes aldri opp.
Om Bilde til Base64
Base64 gjør bytene i et bilde om til ren tekst, slik at bildet kan ligge inne i koden som bruker det: en data-URI i en HTML-img-tagg eller en CSS-bakgrunn, et ikon i en e-postmal, et bilde i en JSON-melding eller et API-kall. Slipp inn en PNG, JPG, SVG, GIF, WebP eller en hvilken som helst annen fil, så gir denne siden deg data-URI-en, ren Base64 eller et ferdig HTML- eller CSS-utdrag å kopiere. Det virker også motsatt vei: lim inn Base64 eller en data-URI og få bildet tilbake som fil. Alt leses og skrives i nettleseren, så private skjermdumper og logoer lastes ikke opp.
Slik bruker du Bilde til Base64
1
Legg til et bilde
Slipp det på feltet eller klikk for å velge. Alle filer fungerer; bilder får også en forhåndsvisning.
2
Velg hva du vil kopiere
En data-URI til src-attributter og url(), ren Base64 til JSON eller et API, eller et ferdig HTML- eller CSS-utdrag.
3
Kopier, eller dekod motsatt vei
Kopier teksten med ett klikk. Bytt til Dekod for å lime inn Base64 og laste ned bildet den inneholder.
Ofte stilte spørsmål
Når bør jeg bygge inn et bilde som Base64?
For små bilder — ikoner, logoer og små bakgrunner på noen få kilobyte — der det lønner seg å spare en egen nedlasting, og på steder som ikke kan hente filer i det hele tatt, som enkelte e-postmaler eller en JSON-melding. Store foto bør være vanlige filer: Base64 gjør dem en tredjedel større, og de kan ikke mellomlagres hver for seg.
Hva er forskjellen på en data-URI og Base64?
Base64 er bare de kodede bytene. En data-URI setter filtypen foran — data:image/png;base64, etterfulgt av Base64-koden — så nettleseren vet hva det er og kan bruke den overalt der en URL passer, som i en img src eller en CSS url().
Hvorfor er Base64-koden større enn bildet?
Base64 skriver hver tredje byte som fire tegn, så teksten blir rundt 33 % større enn filen, pluss noen få tegn til hodet i data-URI-en. Komprimer bildet eller gjør det mindre først hvis størrelsen betyr noe.
Hvordan gjør jeg Base64 om til et bilde igjen?
Bytt til Dekod og lim inn Base64-koden, med eller uten data:image/…;base64,-prefikset. Siden finner filtypen ut fra prefikset eller fra selve bytene, viser en forhåndsvisning og lar deg laste ned filen.