Bilde til Base64
Konverter bilder til Base64 Data URI-er med én gang
Inndata
Klikk for å laste opp bilde
JPG, PNG, GIF, WebP, SVG (maks 5 MB)Utdata
Eksempler på Bilde til Base64
Last opp et bilde for å få en Data URI. Utdataformatet er data:image/<type>;base64,<base64-streng>. Eksempel på en minimal 1×1 piksel PNG:
Eksempel på Data URI-utdata
Last opp et bilde over for å generere din egen Data URI.
Hva er Bilde til Base64?
Bilde til Base64 konverterer bildefiler til Base64-kodede Data URI-er. Base64 er definert i RFC 4648 og lar binærdata representeres som ASCII-tekst. Data URI-er (f.eks. data:image/png;base64,iVBORw0KGgo...) lar deg bygge inn bilder direkte i HTML, CSS eller JSON uten egne filer—nyttig for små ikoner og når bildedata må sendes gjennom tekstbaserte API-er.
Verktøyet bruker nettleserens FileReader-API til å lese bildet og konvertere det til Base64. Behandlingen skjer helt i nettleseren din—ingenting sendes til en server. Støttede formater: JPG, PNG, GIF, WebP og SVG. For å dekode Base64 tilbake til et synlig bilde, bruk Base64 til bilde.
Slik bruker du verktøyet
Last opp bilde
Klikk opplastingsområdet eller bruk Last opp for å velge en bildefil. Støttede formater: JPG, PNG, GIF, WebP, SVG (maks 5 MB). Venstre panel viser forhåndsvisning.
Få Base64-utdata
Høyre panel oppdateres automatisk med hele Data URI-en. Du kan kopiere den og lime inn direkte i HTML <img src="..."> eller CSS background-image: url(...). Formatet er data:image/png;base64, etterfulgt av Base64-strengen.
Kopier eller last ned
Bruk Kopier for å legge Data URI på utklippstavlen eller Last ned for å lagre som .txt-fil. For å kode hvilken som helst fil (ikke bare bilder) til Base64, bruk Base64-koder. For å vise en Base64-bildestreng, bruk Base64 til bilde.
Slik fungerer det
Verktøyet leser bildefilen som binærdata med FileReader.readAsDataURL(), som returnerer en Data URI. Data URI-formatet er beskrevet i RFC 2397 og støttes av alle moderne nettlesere. Base64-koding øker størrelsen med ~33 %, så et 100 KB-bilde blir ~133 KB når det er kodet.
Ved innbygging i HTML bruk <img src="data:image/png;base64,..." alt="...">. For CSS bruk background-image: url('data:image/png;base64,...'). For JSON-API-er som forventer Base64-bildestrenger, kan du bruke den rå Base64-delen (uten prefikset data:image/...;base64,) hvis API-et spesifiserer det.
Hvor Bilde til Base64 hjelper
Utviklere bruker Base64-bilder til små ikoner, logoer eller sprites for å unngå ekstra HTTP-forespørsler. E-post-HTML bygger ofte inn bilder som Base64 slik at de vises i klienter som blokkerer eksterne bilder. Canvas- eller PDF-generering kan kreve Base64-bildeinndata. API-er som tar imot profil- eller produktbilder forventer noen ganger Base64-strenger i forespørselens kropp.
Single Page Applications pakker noen ganger små bilder som Base64 for å redusere antall ressurser. For å dekode et Base64-bilde tilbake til en fil, bruk Base64 til bilde. For å kode tekst eller filer (ikke bare bilder), bruk Base64-koder. For generell Base64-dekoding, bruk Base64-dekoder.
Ofte stilte spørsmål
Er dataene mine private?
Ja. Konverteringen kjører helt i nettleseren din. Ingen data sendes til en server. Du kan bekrefte dette i nettleserens Nettverk-fane mens du bruker verktøyet.
Hva er størrelsesgrensen?
Verktøyet begrenser opplastinger til 5 MB. Base64-koding legger til ~33 % overhead, så et 5 MB-bilde gir ~6,7 MB tekst. Svært store bilder kan gjøre nettleseren treg eller forårsake minneproblemer.
Kan jeg bruke utdataene i HTML/CSS?
Ja. Utdataene er en Data URI klar for <img src="..."> eller background-image: url(...). Kopier og lim inn direkte.
Støttes SVG?
Ja. SVG støttes. SVG-filer er tekstbaserte, så Base64 fungerer men øker størrelsen. For SVG er inline-innbygging (uten Base64) ofte mer effektiv når det er mulig. Bruk Base64-dekoder for å dekode Base64 tilbake til original SVG.
Hvorfor Base64 i stedet for en vanlig bilde-URL?
Base64 bygger inn bildet i dokumentet, så ingen ekstra HTTP-forespørsel trengs. For små ikoner eller kritiske bilder øverst kan dette forbedre lastetiden. For større bilder er eksterne filer med hurtiglager vanligvis bedre.
Relaterte verktøy
For Base64-spesifikasjonen, se RFC 4648. MDNs guide til Data URI-er dekker innbygging.