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 en gecodeerd met de browser File API, en de afbeelding zelf wordt nooit geüpload naar een server, die privéillustraties en screenshots op uw eigen machine bewaart Naast de onbewerkte Base64 krijgt u een kant-en-klare gegevens-URI, een HTML-img-tag en een CSS-achtergrondafbeeldingsdeclaratie, plus de gedecodeerde bytegrootte, zodat u kunt beoordelen of inlining de moeite waard is voordat u zich vastlegt.

De richting van de Base64 naar beeldconverter is eenvoudig te controleren met een bekende string Plak de 96-karakter PNG string die iVBORw0KGgo (een enkele 1×1 pixel) start in Base64 naar Image en druk op Decoderen naar image Je krijgt een preview en een Download image button die gedecodeerd.png, een 70 byte bestand opslaat Draai dat bestand terug door Image naar Base64 en de preview regel leest image/png · 70 B gedecodeerd · 96 Base64 chars Om Base64 naar image files in andere formaten te converteren, plakt u de volledige data URI zodat het juiste type wordt bewaard.

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.