PNG naar Base64
Gebruik deze gratis PNG-naar-Base64-converter om elke Portable Network Graphics-afbeelding om te zetten naar een Base64-string of een kant-en-klaar codefragment. Selecteer een lokaal .png-bestand (of plak een link naar een extern bestand), kies het uitvoerformaat en klik op PNG naar Base64 coderen.
PNG naar Base64 online omzetten: zo werkt het
- Kies Lokaal bestand en selecteer een .png-bestand, of kies Externe URL en plak een link.
- Kies het uitvoerformaat: gewone Base64, data-URI, HTML-tag, CSS, JavaScript, JSON of XML.
- Klik op PNG naar Base64 coderen. Het resultaat verschijnt direct, met een voorvertoning.
- Kopieer het resultaat naar het klembord of download het als .txt-bestand.
Over PNG (Portable Network Graphics)
PNG is een lossless rasterformaat dat in 1996 is ontwikkeld als patentvrije vervanger van GIF. Het ondersteunt volledige 24-bits kleur, een 8-bits alfakanaal voor vloeiende transparantie en DEFLATE-compressie die nooit pixelgegevens weggooit.
Omdat randen scherp blijven, is PNG de standaardkeuze voor logo's, iconen, UI-screenshots en diagrammen. Voor foto's is JPG of WebP meestal veel kleiner, en dat telt wanneer je de afbeelding als Base64 insluit, want elke byte groeit met ongeveer een derde.
| Ontwikkeld | 1996, W3C / IETF (RFC 2083) |
|---|---|
| Compressie | Lossless (DEFLATE) |
| Transparantie | Ja, volledig alfakanaal |
| Animatie | APNG-extensie |
| Bestandssignatuur | 89 50 4E 47 0D 0A 1A 0A |
Uitvoerformaten
Kies hoe het resultaat moet worden verpakt. De converter kan het volgende opleveren:
- txt: alleen de Base64-string, klaar om in code, een databaseveld of een API-verzoek te plakken.
- uri: een volledige
data:-URI die je in de adresbalk van een browser kunt plakken of overal kunt gebruiken waar een URL wordt geaccepteerd. - html img: een
<img>-tag met de data-URI insrc. - css background image: een CSS-regel met
background-image: url(data:...). - html favicon: een
<link rel="icon">-tag voor een inline favicon. - html hyperlink: een
<a>-link die het ingesloten bestand downloadt of opent. - html iframe: een
<iframe>die de inhoud inline weergeeft. - javascript image: JavaScript dat een
Image-object aanmaakt. - javascript popup: JavaScript dat de inhoud in een nieuw venster opent.
- json: een JSON-object met de bestandsnaam, het MIME-type en de gegevens.
- xml: een XML-element met de gegevens in een CDATA-sectie.
Is het veilig en hoe groot wordt het resultaat?
Je bestand wordt nooit geüpload: het wordt lokaal door je browser gelezen en omgezet met de File API, dus zelfs vertrouwelijke documenten blijven op je apparaat.
Base64 geeft elke 3 bytes weer met 4 tekens, dus het gecodeerde resultaat is ongeveer 33% groter dan het originele bestand (plus een paar bytes voor padding en het data-URI-voorvoegsel).
Veelgestelde vragen
Hoe zet ik PNG om naar Base64?
Selecteer hierboven je .png-bestand en klik op "PNG naar Base64 coderen". De converter leest het bestand in je browser en levert de Base64-string of een kant-en-klare data-URI.
Waarmee begint een Base64-gecodeerde PNG?
Een PNG-bestand dat naar Base64 is gecodeerd, begint meestal met "iVBORw0KGgo". Als data-URI begint het met "data:image/png;base64,".
Is er een limiet voor de bestandsgrootte?
Er is geen harde limiet omdat de conversie lokaal draait, maar zeer grote bestanden leveren zeer lange strings op. Bestanden tot ongeveer 50 MB werken probleemloos in moderne browsers.
Hoe zet ik de Base64 weer om naar PNG?
Gebruik de decoder Base64 naar PNG: plak de string, waarna je het oorspronkelijke .png-bestand kunt bekijken en downloaden.
Reacties (0)
Vragen, ideeën of een bug in “PNG naar Base64”? Laat een reactie achter, beoordeel de tool of reageer op anderen.
Nog geen reacties. Deel als eerste je feedback!