Afbeelding naar Base64 Converter

Een image to Base64 converter verandert de binaire inhoud van een image bestand in een Base64 tekst string, meestal verpakt in een data URI zoals data: image/png;base64,iVBORw0KG... Base64 is een codering die alle binaire data vertegenwoordigt met behulp van 64 afdrukbare ASCII tekens, dus de resulterende string kan direct binnen HTML, CSS, JSON, of SVG leven zonder dat een apart bestandsverzoek nodig is Deze converter draait ook in omgekeerde volgorde: plak een Base64 string of een volledige data URI en het herbouwt de originele afbeelding voor preview en download.

Ontwikkelaars sluiten afbeeldingen in als Base64 om te bezuinigen op HTTP-verzoeken, om kleine pictogrammen en logo's zo te inlineeren dat ze verschijnen zodra een pagina wordt geschilderd, en om op zichzelf staande bestanden te verzenden waar een afbeelding en de opmaak ervan samen reizen. Een data-URI heeft zijn eigen MIME-type, daarom kan een browser gegevens weergeven: image/png;base64,... als afbeelding op het moment dat het het attribuut wordt geparseerd. De afweging is grootte: Base64 blaast gegevens met ongeveer een derde op, dus het past veel beter bij kleine activa dan bij grote foto's.

Deze tool doet al zijn werk in uw browser De afbeelding wordt lokaal gelezen met de File API, gecodeerd met een handgeschreven Base64 routine, en nooit geüpload naar een server, die privé artwork en screenshots op uw eigen machine bewaart Naast de onbewerkte Base64 krijgt u een kant-en-klare data-URI, een HTML img tag, en een CSS achtergrond-image declaratie, plus de gedecodeerde byte grootte, zodat u kunt beoordelen of inlining de moeite waard is voordat u commit.

Eén praktische waarschuwing: een gegevens-URI is ongeveer een derde groter dan het bestand dat wordt gecodeerd en kan niet afzonderlijk in de cache worden opgeslagen door de browser, dus het inlinen van iets buiten een klein pictogram kost meestal meer dan het verzoek dat het opslaat.