> koda | bädda in | optimera <
// Konvertera bilder till Base64-strängar för webbutveckling och datainbäddning
Släpp bild här eller klicka för att välja
Klicka för att bläddra bland filer
Lokal Bearbetning
100% bildkodning på klientsidan. Dina filer lämnar aldrig webbläsaren.
Dra & Släpp
Snabb uppladdning med dra och släpp-gränssnitt. Omedelbar Base64-konvertering.
Inga Gränser
Koda bilder av alla storlekar eller format. Ingen registrering eller API-nycklar krävs.
// FAQ
F: Vad är bild till Base64-kodning?
S: Bild till Base64-kodning konverterar binär bilddata till en textsträng med Base64-kodning. Viktigt för att bädda in bilder direkt i HTML, CSS, e-post eller APIs utan separata filer.
F: Hur säker är bild till Base64-konvertering?
S: 100% säker lokal bearbetning. All bildkodning sker i din webbläsare. Noll serveruppladdningar. Dina bilder lämnar aldrig din enhet.
F: Vilka bildformat stöds?
S: Stöder alla vanliga webb-bildformat: PNG, JPEG, GIF, WebP, SVG, BMP och fler. Behåller original bildkvalitet och format.
F: Hur använder jag Base64-bilder i HTML?
S: Använd data URI-format: <img src="data:image/png;base64,DIN_BASE64_STRÄNG">. Perfekt för inline-bilder, ikoner eller minska HTTP-förfrågningar.
F: Finns det filstorleksbegränsningar?
S: Inga serversidebegränsningar. Bearbetning sker lokalt i din webbläsare. Stora filer kan ta längre tid att koda men kommer att fungera.
// Vanliga bildformat och MIME-typer
| Format | MIME-typ |
|---|---|
| PNG | image/png |
| JPEG | image/jpeg |
| GIF | image/gif |
| WebP | image/webp |
| AVIF | image/avif |
| SVG | image/svg+xml |
// Data-URI:er i kod
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')
>> Fler frågor
F: Varför blir en Base64-bild cirka 33 % större?
S: Base64 kodar 3 bytes som 4 tecken, alltså ungefär en tredjedel extra, som gzip bara delvis kompenserar. Inbäddade bilder lönar sig därför främst för mycket små filer (några KB).
F: Vad är nackdelen med data-URI:er jämfört med bildfiler?
S: En inbäddad bild kan inte cachas separat, gör HTML eller CSS större och skickas om vid varje laddning av filen. För större bilder är en separat fil bättre.
F: Ska jag bädda in SVG som Base64?
S: Oftast inte: SVG är text. En URL-kodad data:image/svg+xml,… är ofta mindre än Base64 och förblir läsbar. Base64 fungerar dock överallt.