> kod | bygg inn | optimer <
// Konverter bilder til Base64-strenger for webutvikling og datainnbygging
Dra bilde hit eller klikk for å velge
Klikk for å bla gjennom filer
Lokal Behandling
100% bildekoding på klientsiden. Filene dine forlater aldri nettleseren.
Dra & Slipp
Rask opplasting med dra og slipp-grensesnitt. Øyeblikkelig Base64-konvertering.
Ingen Grenser
Kod bilder av alle størrelser eller formater. Ingen registrering eller API-nøkler kreves.
// FAQ
S: Hva er bilde til Base64-koding?
S: Bilde til Base64-koding konverterer binære bildedata til en tekststreng ved hjelp av Base64-koding. Viktig for å bygge inn bilder direkte i HTML, CSS, e-post eller APIer uten separate filer.
S: Hvor sikker er bilde til Base64-konvertering?
S: 100% sikker lokal behandling. All bildekoding skjer i nettleseren din. Null serveropplastninger. Bildene dine forlater aldri enheten din.
S: Hvilke bildeformater støttes?
S: Støtter alle vanlige web-bildeformater: PNG, JPEG, GIF, WebP, SVG, BMP og flere. Bevarer original bildekvalitet og format.
S: Hvordan bruker jeg Base64-bilder i HTML?
S: Bruk data URI-format: <img src="data:image/png;base64,DIN_BASE64_STRENG">. Perfekt for inline-bilder, ikoner eller redusering av HTTP-forespørsler.
S: Er det filstørrelsesbegreninger?
S: Ingen serverside-begrensninger. Behandling skjer lokalt i nettleseren din. Store filer kan ta lengre tid å kode, men vil fungere.
// Vanlige bildeformater og MIME-typer
| Format | MIME-type |
|---|---|
| PNG | image/png |
| JPEG | image/jpeg |
| GIF | image/gif |
| WebP | image/webp |
| AVIF | image/avif |
| SVG | image/svg+xml |
// Data-URI-er i kode
HTML <img src="data:image/png;base64,iVBORw0KGgo..." alt="">
CSS background: url("data:image/svg+xml;base64,PHN2Zy...");
Linux base64 -w0 logo.png
macOS base64 -i logo.png
Python base64.b64encode(open('logo.png','rb').read()).decode()
Node.js fs.readFileSync('logo.png').toString('base64')
>> Flere spørsmål
S: Hvorfor blir et Base64-bilde omtrent 33 % større?
S: Base64 koder 3 byte som 4 tegn, altså omtrent en tredjedel ekstra, som gzip bare delvis oppveier. Innebygde bilder lønner seg derfor først og fremst for svært små filer (noen få KB).
S: Hva er ulempen med data-URI-er sammenlignet med bildefiler?
S: Et innebygd bilde kan ikke bufres separat, gjør HTML eller CSS større og sendes på nytt ved hver innlasting av filen. For større bilder er en egen fil bedre.
S: Bør jeg bygge inn SVG som Base64?
S: Vanligvis ikke: SVG er tekst. En URL-kodet data:image/svg+xml,… er ofte mindre enn Base64 og forblir lesbar. Base64 fungerer likevel overalt.