Fil til Base64
Gør en vilkårlig fil til Base64-tekst eller en data-URI, der er klar til at indsætte.
- Kører på din enhed — filen sendes aldrig nogen steder hen
- Ingen tilmelding, ingen vandmærker, ingen daglige kvoter
- Gratis, uden grænse for, hvor ofte du bruger det
Sådan fungerer det
Base64 gør en binær fil til tekst, så den kan rejse et sted hen, hvor kun tekst er tilladt: inde i en HTML-side, en CSS-fil, en JSON-nyttelast, en konfigurationsfil, en e-mail. At kode en på en fjernserver betyder at uploade filen for at få tekst tilbage, hvilket er en mærkelig handel for noget, en browser kan gøre øjeblikkeligt.
Data-URI eller almindelig
En data-URI har medietypen som præfiks, så en browser ved, hvad den er: Indsæt en i et img src eller en CSS-baggrund, og den virker uden en separat fil. Almindelig Base64 er det, du vil have, når noget andet i din pipeline leverer typen.
Den bliver omkring en tredjedel større
Base64 repræsenterer tre bytes som fire tegn, så regn med en stigning på omkring 33 % plus lidt overhead. Det er prisen for formatet, og intet kan undgå den, hvorfor indlejring bedst forbeholdes små aktiver – ikoner, små logoer, undersæt af skrifttyper.
Hvornår man ikke skal indlejre
Et stort indlejret billede gør HTML- eller CSS-filen større, umulig at cache separat og langsommere at fortolke. Tommelfingerreglen er nogle få kilobyte: under det sparer indlejring en forespørgsel; over det er en almindelig filreference hurtigere.
Den anden vej
Base64-dekoderen på dette websted gør teksten tilbage til den oprindelige fil og viser en forhåndsvisning, hvis det er et billede.
Fil til Base64 – spørgsmål
Hvad er en data-URI?
Base64 med medietypen knyttet til, så den kan indsættes direkte i HTML eller CSS, som om den var en fil.
Hvorfor er teksten større end min fil?
Base64 koder tre bytes som fire tegn – omkring en tredjedel større. Det ligger i selve formatet.
Skal jeg indlejre store billeder?
Nej. Under nogle få kilobyte sparer det en forespørgsel; over det er en almindelig filreference hurtigere.
Bliver min fil uploadet?
Nej. Det kodes i din browser.