Base64 naar afbeelding

Waarvoor is dit?

Deze tool is de inverse van de afbeelding-naar-Base64-encoder: hij neemt een data: URI (of een rauwe Base64-payload) en decodeert die terug naar een te bekijken en te downloaden afbeelding. Het formaat wordt automatisch gedetecteerd uit het MIME-type in de URI, of — als je alleen rauwe Base64 geeft — uit de eerste bytes (PNG-signatuur, JPEG SOI-marker, GIF8-header, RIFF…WEBP, SVG-markup). Alles draait in de browser via atob en een <img> met data URI.

Wanneer gebruiken

• De originele afbeelding herstellen als je alleen een data URI hebt uit CSS, HTML of Markdown.
• Een Base64-string uit een API-response of JWT-achtige token inspecteren.
• Een Base64-afbeelding debuggen die ergens niet rendert — laat hem hier doorheen lopen om te bevestigen dat de payload valide is.
• Een embedded asset uit een single-file HTML demo of zelfstandige email trekken.

Veelvoorkomende valkuilen

• Beide vormen worden geaccepteerd. Een volledige data:image/png;base64,iVBORw0… of alleen de rauwe iVBORw0… payload — maar als je rauwe Base64 geeft van een formaat dat we niet kunnen sniffen, wordt de download getagd als .bin.
• URL-safe Base64 is niet hetzelfde. Standaard Base64 gebruikt + /; URL-safe gebruikt - _. JWT-payloads zijn URL-safe — vervang de chars voor je hier plakt.
• Whitespace binnen de payload is OK. De decoder strips line breaks en spaties, dus multi-line strings werken.
• Browsers renderen een corrupte afbeelding niet. Als de preview leeg blijft maar de decode slaagde, zijn de bytes valide Base64 maar waarschijnlijk geen echte afbeelding (of formaat niet ondersteund).