Image ↔ Base64 zet afbeeldingsbestanden (PNG, JPG, SVG, WebP, GIF) om naar Base64-gecodeerde data-URI's en terug. Sleep, plak, of klik om een afbeelding te laden; kopieer de volledige data:image/...;base64,... tekenreeks om inline in CSS, HTML, of config in te bedden. Of plak een data-URI om deze voor te bekijken en als afbeeldingsbestand te downloaden.
Base64-gecodeerde afbeeldingen kunnen rechtstreeks in CSS-, HTML-, of configuratiebestanden worden ingebed — nuttig voor kleine pictogrammen, e-mailsjablonen, of bouwartefacten waarbij externe afbeeldingsaanvragen onwenselijk zijn. Dit gereedschap maakt de conversie moeiteloos. Sleep een afbeeldingsbestand, plak vanuit het klembord, of klik om te bladeren. Het gereedschap zet het om naar een data-URI met het juiste MIME-type (data:image/png;base64,..., data:image/svg+xml;base64,..., enzovoort). De tegenovergestelde richting werkt ook — plak een data-URI en het gereedschap geeft de afbeelding weer voor voorvertoning en biedt een downloadkoppeling aan om deze als een echt bestand op te slaan. Werkt volledig in-browser, geen uploads — uw afbeeldingen verlaten uw machine nooit. Verwerkt PNG, JPG/JPEG, SVG, WebP, GIF, en ICO-indelingen.
Meerdere manieren om een afbeelding te laden: sleep een bestand van uw OS, plak vanuit het klembord (schermafbeeldingen werken), of klik om een bestandskiezer te openen.
Wanneer u een data-URI plakt, geeft het gereedschap de afbeelding onmiddellijk weer zodat u deze kunt controleren voordat u deze kopieert of downloadt.
Kopieert de volledige data:image/...;base64,... tekenreeks klaar om inline in uw CSS, HTML src-attribuut, of JSON-configuratie in te plakken.
Geen uploadwachttijd — alles gebeurt lokaal. Zelfs grote afbeeldingen worden in een fractie van een seconde omgezet.
Sla de gedecodeerde afbeelding van een Base64 data-URI op als een werkelijk bestand (PNG, JPG, SVG, enzovoort) met de juiste extensie.
Ondersteunt PNG, JPG, SVG, WebP, GIF, en ICO. MIME-type wordt automatisch gedetecteerd zodat uw data-URI altijd correct is.
Zet een 16×16 pictogram om naar Base64 en inline het in background-image: url(...). Geen HTTP-aanvraag, geen cachemis — het pictogram wordt met uw CSS verzonden.
Bed afbeeldingen rechtstreeks in HTML-e-mails in als data-URI's wanneer externe afbeeldingsverwijzingen door clients worden geblokkeerd of als spam worden gemarkeerd.
Voeg kleine afbeeldingen in webpack/vite bundel-uitvoer in om asset roundtrips tijdens app-opstart te elimineren.
Plak een data-URI uit dev tools, HTML-bron, of een CSS-bestand om de onderliggende afbeelding voor te bekijken en als bestand te downloaden.
Wanneer een ingebedde afbeelding niet wordt weergegeven, plakt u de data-URI in de decoder om te controleren of de Base64 geldig is en het MIME-type correct is.
Klik op het pictogram Afbeelding Base64 in het dock van DevSuite Pro. Een tweepaneelvenster opent met een drop zone en een data-URI-veld.
Sleep een bestand naar de drop zone, plak een afbeelding vanuit het klembord (Ctrl+V), of klik op de zone om te bladeren. Een voorvertoning verschijnt.
De Base64 data-URI wordt onmiddellijk gegenereerd in het uitvoerveld — klik op Kopieer om deze naar uw klembord te sturen, klaar om inline in te plakken.
Om Base64 → afbeelding te gaan, plakt u een data-URI in het veld. De voorvertoning geeft de afbeelding weer en er verschijnt een Download-knop.
Sla de gereconstrueerde afbeelding op als een echt bestand, of kopieer de data-URI om elders te delen of in te bedden.
Installeer DevSuite Pro gratis en ontgrendel 64+ ontwikkelaarstools voor uw browser.
