Wissel bovenaan de richting om een data-URL te decoderen die je al hebt. Zet afbeeldingen om in Base64-tekst en data-URL's voor webpagina's, e-mails en code, of zet Base64 terug in een afbeeldingsbestand. Het is gratis en privé.
Hoe je een afbeelding naar Base64 omzet
- Kies de richting Afbeelding naar Base64.
- Druk op Afbeeldingen kiezen en kies een of meer bestanden.
- Kopieer de Base64 of data-URL van elk. De oorspronkelijke en gecodeerde formaten worden getoond.
Hoe je Base64 weer in een afbeelding omzet
- Kies de richting Base64 naar afbeelding.
- Plak de tekst in Base64 of data-URL.
- Controleer het voorbeeld en download dan de afbeelding. Wissen maakt het vak leeg.
Waarom Base64 een derde groter is
Base64 schrijft elke 3 bytes van het bestand als 4 gewone tekens, dus de gecodeerde tekst is ongeveer 33% groter dan de afbeelding zelf, plus een kort voorvoegsel data:image/png;base64, voor een data-URL. Elke afbeelding toont beide formaten zodat je de kosten ziet voordat je hem plakt.
Wanneer een data-URL zinvol is
Insluiten is handig voor kleine dingen: iconen, piepkleine achtergronden, e-mailhandtekeningen, een favicon of één bestand dat offline moet werken. Voor alles boven ongeveer 10 KB is een gewoon afbeeldingsbestand meestal beter: de browser kan het in de cache bewaren, het laadt parallel met de pagina en het houdt je HTML en CSS klein. Bij grote afbeeldingen krijg je hier een herinnering aan.
Base64 decoderen
Plak een volledige data-URL, een CSS-regel url(), een img-tag of alleen de Base64-tekst. Spaties, regeleindes en de URL-veilige letters - en _ worden geaccepteerd en ontbrekende opvulling wordt toegevoegd. Het type wordt uit de eerste bytes van het bestand zelf gelezen, niet uit het label, dus een PNG die verkeerd als JPEG is gelabeld, downloadt nog steeds met de juiste extensie. Als de tekst geen geldige Base64 is of geen afbeelding, krijg je een uitleg in gewone taal.
Ondersteunde bestanden
Elke afbeelding die je browser kan openen, waaronder PNG, JPG, WebP, GIF, SVG, ICO en AVIF.
Tips
- Comprimeer of verklein de afbeelding eerst, want Base64 maakt hem groter.
- Houd grote afbeeldingen als gewone bestanden en link ernaar.
- Gebruik waar je kunt SVG voor iconen. Het is al tekst en vaak kleiner dan een PNG.
- Probeer afbeelding comprimeren tot formaat om een afbeelding te verkleinen voordat je codeert.
Veelgebruikt voor
Een klein logo in een HTML-e-mail insluiten, een icoon rechtstreeks in een stylesheet zetten, een afbeelding in een JSON-bestand opslaan en een afbeelding herstellen uit een data-URL die je in code vond. Zie de favicon-generator voor een volledige set site-iconen.
Privé door ontwerp
Afbeeldingen worden op deze pagina in je browser gelezen en omgezet. Niets wordt geüpload en de bestanden verlaten je apparaat nooit.
Vragen
Is Base64 versleuteling?
Nee. Het is alleen een manier om gegevens als tekst te schrijven. Iedereen kan het decoderen.
Waarom heeft het gedecodeerde bestand de verkeerde extensie?
Dat zou niet moeten. Het type wordt uit het bestand zelf gelezen in plaats van uit het label.
Waarom is de Base64-tekst zo lang?
Elke afbeelding wordt als tekst ongeveer een derde groter, en foto's zijn al groot om mee te beginnen.