Utvecklarverktyg

Fil till Base64

Gör vilken fil som helst till Base64-text eller en data-URI redo att klistras in.

Fil till Base64 Körs på din enhet
Släpp filer här eller klicka för att bläddra
En fil av vilken typ som helst
Laddas aldrig upp
  • Körs på din enhet — filen skickas aldrig någonstans
  • Ingen registrering, inga vattenstämplar, inga dagliga kvoter
  • Gratis, utan begränsning för hur ofta du använder det

Så fungerar det

Base64 gör en binärfil till text så att den kan färdas dit bara text tillåts: in i en HTML-sida, en CSS-fil, ett JSON-datapaket, en konfigurationsfil, ett e-postmeddelande. Att koda en på en fjärrserver innebär att ladda upp filen för att få text tillbaka, vilket är ett konstigt byte för något en webbläsare kan göra direkt.

Data-URI eller ren

En data-URI bär mediatypen som prefix, så att en webbläsare vet vad det är: klistra in en i en img src eller en CSS-bakgrund så fungerar den utan någon separat fil. Ren Base64 är vad du vill ha när något annat i ditt flöde anger typen.

Den blir ungefär en tredjedel större

Base64 representerar tre byte som fyra tecken, så räkna med en ökning på ungefär 33 % plus lite overhead. Det är formatets kostnad och inget kan undvika den, vilket är varför direktinbäddning bäst reserveras för små resurser — ikoner, små logotyper, typsnittsdelmängder.

När man inte ska bädda in

En stor inbäddad bild gör HTML- eller CSS-filen större, omöjlig att cacha separat och långsammare att tolka. Tumregeln är några kilobyte: under det sparar inbäddning en förfrågan; över det är en vanlig filreferens snabbare.

Att gå tillbaka

Base64-avkodaren på den här webbplatsen gör om texten till den ursprungliga filen och förhandsvisar den om det är en bild.

Vanliga frågor

Fil till Base64 — frågor

Vad är en data-URI?

Base64 med mediatypen bifogad, så att den kan klistras in direkt i HTML eller CSS som om den vore en fil.

Varför är texten större än min fil?

Base64 kodar tre byte som fyra tecken — ungefär en tredjedel större. Det ligger i formatets natur.

Ska jag bädda in stora bilder direkt?

Nej. Under några kilobyte sparar det en förfrågan; över det är en vanlig filreferens snabbare.

Laddas min fil upp?

Nej. Det kodas i din webbläsare.