Bilde til Base64-konverter
Gjør en bildefil om til en tekstlinje du kan lime inn i HTML, CSS, en JSON-forespørsel eller en Markdown-fil, med data-URI-prefikset allerede foran, slik at den virker med en gang du limer den inn.
Datakonverterer
eller slipp CSV, TSV, TXT …-filer her ·
Maks 95 MB per fil· Opptil 20 filer· Slettes etter 30 minutter
Filene behandles på serverne våre og slettes etter 30 minutter.
Tegnet som skiller kolonner i CSV- og tekstfiler, både ved lesing og skriving. Automatisk finner det i inndataene og skriver komma.
UTF-8 fungerer for alle språk. Velg UTF-8 med BOM hvis Excel på Windows viser ødelagte aksenter eller asiatiske tegn når du åpner CSV-filen.
For Excel-, ODS- og Numbers-filer: konverter bare det første arket, eller alle arkene (én CSV per ark i en ZIP, eller én JSON-nøkkel per ark).
Navnet på arkfanen i det nye regnearket, maks 31 tegn.
Liste med objekter bruker kolonnenavn som nøkler for hver rad; liste med lister er mer kompakt og beholder overskriften som første liste.
Navnet på det ytre elementet som omslutter alle rader; hver rad blir en <row> inni det.
Brukes i CREATE TABLE- og INSERT-setninger. Bare bokstaver, tall og understreker.
Sitering og kolonnetyper varierer litt mellom databaser; velg den du skal importere til.
Skriv om datoceller i ett format. ISO (2026-10-18) er tryggest for databaser og kode; behold lar dem stå som i kilden.
Slik bruker du dette verktøyet
- 1
Legg til bildene
Slipp PNG-, JPG-, GIF-, WebP- eller SVG-filer i opplastingsfeltet, opptil 20 om gangen og 95 MB hver.
- 2
Behold eller fjern prefikset
Data URI-prefiks er slått på, så resultatet starter med data:image/png;base64, eller tilsvarende type. Slå det av under Avanserte innstillinger hvis en API vil ha ren Base64-streng.
- 3
Konverter og kopier
Trykk Konverter til Base64 text og last ned en .txt-fil per bilde, klar til å limes inn i koden din.
Last opp bildet og trykk Konverter til Base64 text. Du får filen kodet som vanlige tegn, som starter med data:image/…;base64, slik at den kan brukes direkte i en img src eller en CSS url(). Selve bildet endres ikke.
Når et bilde som Base64 er nyttig
Base64 er definert i RFC 4648 (2006) og avbilder hver 3. byte med binære data på 4 tegn fra et alfabet med 64 tegn: A–Z, a–z, 0–9, + og /. Resultatet tåler enhver kanal som er laget for tekst. Data-URI-skjemaet, skrevet ned av Larry Masinter som RFC 2397 i 1998, lar så nettleseren behandle teksten som en fil.
Frontend-utviklere legger små ikoner, lasteanimasjoner og plassholderbilder rett inn i koden slik at en side vises uten ekstra forespørsler. Backend-utviklere sender bilder inne i JSON, fordi mange API-er, blant annet bildeanalyse- og OCR-tjenester, tar imot et bilde som et Base64-felt. Testere har fixtures i kildekoden, og de som lager HTML-rapporter i én fil eller Markdown-notater, bygger inn skjermbilder slik at filen er selvstendig når den sendes på e-post eller arkiveres.
Slik ser Base64-resultatet ut
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="Gjennomsiktig piksel">
PNG-ikonfil
24 KB
typisk ikonsett for verktøylinje, 96 × 96 px
Base64-tekst
32 KB
4 tegn per 3 byte, pluss prefikset
ANY I
Alle bilder
Dette verktøyet godtar vanlige bildeformater, blant annet JPG, PNG, WebP, HEIC, GIF, BMP og TIFF. Formatet gjenkjennes automatisk fra filen, så du trenger ikke vite hva slags bilde du har.
BASE64
Base64-kodet tekst
Base64 er en koding, definert i RFC 4648, som gjør om vilkårlige binærdata til en streng med 64 trygge teksttegn. Den brukes til å bygge inn bilder i HTML og CSS som data-URI-er, til å legge ved filer i e-post og til å sende binærdata i JSON eller XML. Kodingen kan reverseres fullt ut, men gjør dataene omtrent 33 % større. Base64 er ikke kryptering og gir ingen sikkerhet; hvem som helst kan dekode det.
- Komprimering
- Tapsfri
- Gjennomsiktighet
- –
- Animasjon
- –
- Introdusert
- –
Bilder blir til Base64-tekst når de må sendes inne i noe som bare kan bære tekst: en HTML- eller CSS-fil uten egen forespørsel, et JSON-felt i et API-kall, en testfixture eller en rapport i én enkelt fil.
Når innebygde bilder hjelper en side, og når de skader
Innebygging sparer en forespørsel, noe som betydde mest under HTTP/1.1, da nettlesere bare åpnet en håndfull tilkoblinger per nettsted. Med multipleksing i HTTP/2 og HTTP/3 er ekstra små forespørsler billige, så fordelen blir mindre mens ulempene består: det kodede bildet kan ikke bufres separat, det lastes ned på nytt hver gang HTML eller CSS endres, og det forsinker tolkingen av filen det ligger i.
En fornuftig regel er å bygge inn bare bilder på noen få kilobyte som vises på hver side, som en logo eller et ikonark, og levere alt annet som filer. Bilder og foto hører nesten aldri hjemme inline. Hvis du egentlig trenger en annen filtype i stedet for tekst, løser bildekonverteren det.
Fordeler med Base64-bilder
- Én selvstendig HTML-, CSS- eller JSON-fil
- Ingen ekstra forespørsel for bittesmå ikoner
- Trygt i JSON, XML og andre tekstformater
- Tapsfritt og reversibelt
Ulemper med Base64-bilder
- Omtrent 33 % større enn den binære filen
- Bufres ikke separat av nettleseren
- Blokkeres som bilder av mange e-postklienter
- Vanskelig å gjennomgå i kodeforskjeller
Spørsmål om bilde til Base64
Hva er forskjellen på Base64 og en data-URI?
Base64 er bare selve de kodede tegnene. En data-URI pakker dem inn med skjema og type, data:image/png;base64, etterfulgt av tegnene, slik at nettleseren vet hvordan den skal dekode og vise dem. HTML og CSS trenger hele data-URI-en, mens de fleste JSON-API-er vil ha ren Base64-del.
Hvor mye større blir et bilde som Base64?
Base64 bruker 4 tegn for hver 3 byte, så teksten blir omtrent en tredel større enn filen, pluss det korte prefikset. En PNG på 30 KB blir omtrent 40 KB tekst. Hvis HTML eller CSS leveres gzip-komprimert, vinnes en del av denne ekstra størrelsen tilbake under overføringen.
Kan jeg bruke et Base64-bilde i en e-postsignatur?
Det er upålitelig. Gmail viser ikke bilder med data-URI, og flere e-postprogrammer på skrivebordet fjerner dem også, så mottakerne ser et ødelagt ikon. Legg bildet på en webserver eller legg det ved, og bruk Base64 til nettsider og apper.
Bør et SVG-ikon kodes som Base64?
Det fungerer, men SVG er allerede tekst. Hvis du URL-koder koden i stedet for å Base64-kode den, blir data-URI-en som regel kortere og forblir lesbar. For alt som er større enn et lite ikon, er en egen SVG-fil som nettleseren kan bufre, det beste valget.
Kan jeg gjøre Base64-teksten om til et bilde igjen?
Ja, kodingen er tapsfri og helt reversibel: dekoding gir tilbake nøyaktig de opprinnelige bytene. Alle programmeringsspråk har en dekoder, og hvis du limer en komplett data-URI inn i adressefeltet i en nettleser, vises bildet.
Endrer kodingen bildekvaliteten?
Nei. Base64 endrer hvordan bytene skrives, ikke pikslene. For å gjøre strengen kortere må du først gjøre bildet mindre, for eksempel med komprimer bilde til 20 KB, og så kode den mindre filen.
- JSON til Base64-koderKod en JSON-fil som én linje Base64 for Kubernetes Secrets, CI-variabler, API-er og tokener. Fullt reversibelt, valgfri data-URI.
- SVG til PNG-konverterGjør SVG-logoer og -ikoner om til PNG i bredden du velger, 1024 px som standard, med gjennomsiktig bakgrunn. Se hvordan DPI henger sammen med piksler.
- Konverter PNG til SVG gratisKonverter PNG til SVG gratis uten konto: gjør logoer, ikoner og strektegninger om til skalerbare baner. Velg farge, gråtoner eller svart-hvitt.
- Komprimer bilde til 20 KBKomprimer et bilde eller en signatur til maks 20 KB som JPG for SSC, IBPS og andre eksamensportaler. Nøyaktig målstørrelse, mål beholdes der mulig.
- JPG til PNG-konverterKonverter JPG til PNG for tapsfri redigering, ikoner og apper som krever PNG. Se hvorfor filen blir større og bakgrunnen ikke blir gjennomsiktig.