🖼️

Bilde til Base64 Konverter

Konverter bilder til Base64-koding øyeblikkelig. Last opp et hvilket som helst bilde og få Base64-strengen for bruk i HTML, CSS eller JavaScript. 100% gratis, fungerer helt i nettleseren din - ingen opplasting til servere.

Funksjoner

Konverter PNG, JPG, GIF, WebP, SVG bilder til Base64

Kopier til utklippstavle eller last ned som tekstfil

Valgfritt data-URL-prefiks for direkte innbygging

100% klientside - bildene dine forlater aldri nettleseren

Generer Profesjonelle Bloggbilder

Trenger du mer enn koding? Bruk vår AI til å lage fantastiske bloggbilder i 21 kunstneriske stiler, allerede optimalisert for web.

Prøv BlogImageGen Gratis

Hvordan Konvertere Bilde til Base64

Last opp Bildet Ditt

Klikk eller dra og slipp bildet ditt (PNG, JPG, GIF, WebP, SVG). Maksimal filstørrelse er 10MB. Bildet behandles helt i nettleseren din for personvern.

Velg Utdataformat

Bytt om du vil inkludere data-URL-prefikset (data:image/png;base64,). Inkluder det for direkte bruk i HTML/CSS, eller ekskluder det hvis du bare trenger de kodede dataene.

Kopier eller Last ned

Klikk Kopier for å kopiere Base64-strengen til utklippstavlen, eller Last ned for å lagre den som tekstfil. Bruk Base64-strengen i HTML-, CSS- eller JavaScript-koden din.

Bruksområder

Webutvikling

Bygg inn små bilder, ikoner og logoer direkte i HTML eller CSS uten separate HTTP-forespørsler. Perfekt for favicons, UI-elementer og kritiske above-the-fold bilder som må lastes umiddelbart.

E-postmaler

Inline bilder i HTML-e-poster for å sikre at de vises riktig i alle e-postklienter. Base64-koding forhindrer ødelagte bildelenker og sikrer at e-posten din ser profesjonell ut overalt.

Datalagring og API-er

Lagre bildedata i JSON, databaser eller overfør via API-er uten å håndtere filopplastinger. Nyttig for brukeravatarer, produktminiatyrbilder eller ethvert scenario der du trenger bildedata som tekst.

Ofte Stilte Spørsmål

Hva er Base64-koding?

Base64 er en måte å kode binære data (som bilder) som tekst. Dette lar deg bygge inn bilder direkte i HTML, CSS eller JavaScript uten å trenge separate bildefiler. Det brukes ofte for små bilder, ikoner eller når du vil redusere HTTP-forespørsler.

Når bør jeg bruke Base64-bilder?

Base64 er best for små bilder (under 10KB) som ikoner, logoer eller UI-elementer. Det reduserer HTTP-forespørsler og kan forbedre sideinnlasting for små bilder. Imidlertid øker Base64 filstørrelsen med omtrent 33%, så det er ikke ideelt for store bilder eller bilder.

Hva er data-URL-prefikset?

Data-URL-prefikset (som data:image/png;base64,) forteller nettlesere hvordan de skal tolke Base64-strengen. Inkluder det når du bygger inn direkte i HTML src-attributter eller CSS url()-funksjoner. Ekskluder det hvis du bare lagrer de kodede dataene i en database eller bruker dem programmatisk.

Blir bildet mitt lastet opp til en server?

Nei! Dette verktøyet fungerer 100% klientside i nettleseren din ved hjelp av JavaScript. Bildet ditt forlater aldri datamaskinen din. Konverteringen skjer lokalt for fullstendig personvern og sikkerhet.

Hvordan bruker jeg Base64-bilder i HTML?

Bruk Base64-strengen med data-URL-prefikset i en img-tag: <img src='data:image/png;base64,iVBORw0K...' />. For CSS, bruk den i url(): background-image: url('data:image/png;base64,iVBORw0K...');. Dette bygger inn bildet direkte uten en separat fil.

Hva er maksimal bildestørrelse?

Dette verktøyet støtter bilder opptil 10MB. For Base64-koding er mindre imidlertid bedre. Filer under 10KB fungerer best. Større bilder øker HTML/CSS-filstørrelsen betydelig og kan senke sideinnlastingstider.