Ontwikkelaarstool

Bestand naar Base64

Zet elk bestand om in Base64-tekst of een data-URI die klaar is om te plakken.

Bestand naar Base64 Draait op je apparaat
Sleep bestanden hierheen of klik om te bladeren
Eén bestand van elk type
Nooit geüpload
  • Draait op je apparaat — het bestand wordt nergens naartoe gestuurd
  • Geen aanmelding, geen watermerken, geen dagelijkse quota
  • Gratis, zonder limiet op hoe vaak je het gebruikt

Hoe het werkt

Base64 zet een binair bestand om in tekst zodat het kan reizen naar een plek waar alleen tekst is toegestaan: in een HTML-pagina, een CSS-bestand, een JSON-payload, een configuratiebestand, een e-mail. Er een coderen op een externe server betekent het bestand uploaden om tekst terug te krijgen, wat een vreemde ruil is voor iets wat een browser direct kan.

Data-URI of gewoon

Een data-URI bevat het mediatype als voorvoegsel, zodat een browser weet wat het is: plak er een in een img src of een CSS-achtergrond en het werkt zonder apart bestand. Gewone Base64 wil je wanneer iets anders in je pijplijn het type levert.

Het wordt ongeveer een derde groter

Base64 geeft drie bytes weer als vier tekens, dus reken op ongeveer 33% toename plus een beetje overhead. Dat zijn de kosten van het formaat en niets kan dat voorkomen, en daarom is inline plaatsen het best voorbehouden aan kleine elementen — pictogrammen, kleine logo's, lettertypesubsets.

Wanneer niet inline plaatsen

Een grote inline afbeelding maakt het HTML- of CSS-bestand groter, niet apart cachebaar en trager te parseren. De vuistregel is een paar kilobyte: daaronder bespaart inline plaatsen een verzoek; daarboven is een gewone bestandsverwijzing sneller.

Teruggaan

De Base64-decoder op deze site zet de tekst terug om in het oorspronkelijke bestand en toont er een voorbeeld van als het een afbeelding is.

Veelgestelde vragen

Bestand naar Base64 — vragen

Wat is een data-URI?

Base64 met het mediatype eraan vast, zodat het rechtstreeks in HTML of CSS kan worden geplakt alsof het een bestand is.

Waarom is de tekst groter dan mijn bestand?

Base64 codeert drie bytes als vier tekens — ongeveer een derde groter. Dat is inherent aan het formaat.

Moet ik grote afbeeldingen inline plaatsen?

Nee. Onder een paar kilobyte bespaart het een verzoek; daarboven is een gewone bestandsverwijzing sneller.

Wordt mijn bestand geüpload?

Nee. Het wordt in je browser gecodeerd.