HOT
Afbeelding comprimeren
image
Afbeelding naar Base64 Converter
Codeer afbeeldingen naar Base64 met kant-en-klare data-URI-, CSS- en HTML-fragmenten - of plak Base64 en krijg de afbeelding terug. Alles draait in je browser. Geen registratie, geen limieten, gratis.
Invoer
Zet je afbeelding hier neer
PNG, JPG, WebP, GIF, SVG, BMP of ICO · kleine bestanden sluiten het best in
Uitvoer
Base64 maakt bestanden ~33% groter. Insluiten werkt het best onder 10 KB; daarboven kun je beter naar het bestand linken.
Draait 100% in je browser Geen limiet op grootte of aantal bestanden Gratis, geen registratie
Zo converteer je een afbeelding naar Base64
Voeg je afbeelding toe
Sleep een afbeelding ergens in het vak, klik om te bladeren, of plak deze rechtstreeks vanaf je klembord. PNG, JPG, WebP, GIF, SVG, BMP en ICO werken allemaal.
Kies het fragment dat je nodig hebt
Wissel tussen ruwe Base64, een complete data-URI, een CSS-background-image-regel, of een HTML-img-tag. De uitvoer wordt direct bijgewerkt.
Kopieer en plak het
Klik op Kopiëren en plaats het fragment in je stylesheet, HTML of code. Om de andere kant op te gaan, wissel naar Base64 → Afbeelding, plak een willekeurige Base64 of data-URI, en download het gedecodeerde bestand.
Vragen over afbeelding en Base64, beantwoord
Wat is Base64-codering?
Base64 zet binaire data om in gewone ASCII-tekst met 64 veilige tekens, zodat een afbeelding kan bestaan binnen een tekstbestand: HTML, CSS, JSON of een e-mail. De tekst is ongeveer 33% groter dan het originele bestand, wat de prijs is om het kopieerbaar te maken.
Wanneer moet ik een afbeelding als Base64 insluiten?
Insluiten werkt uitstekend voor kleine assets: iconen, logo's, kleine achtergronden onder ongeveer 10 KB. Het bespaart een HTTP-verzoek en houdt een component zelfstandig. Voor grotere afbeeldingen is een normale bestandslink sneller, cachet correct en maakt je document niet zwaarder.
Hoe gebruik ik de Base64 in CSS of HTML?
Gebruik de kant-en-klare varianten: het CSS-tabblad geeft je een complete background-image-regel en het HTML-tabblad een complete img-tag. Beide bevatten dezelfde data-URI, wat de Base64-payload is voorafgegaan door het contenttype.
Kan ik Base64 terug converteren naar een afbeelding?
Ja. Zet de tool op Base64 → Afbeelding, plak ruwe Base64, een data-URI, of zelfs een hele CSS-regel of img-tag - de payload wordt automatisch gedetecteerd, het formaat wordt uit de data zelf herkend, en je downloadt het bestand dat erin zit.
Waarom wordt mijn Base64-tekst geweigerd?
Meestal is de tekst onvolledig: een ontbrekend staartstuk door een gedeeltelijke kopie breekt de decodering. Plak de volledige waarde inclusief een eventuele data:image-prefix. Teksten die decoderen maar geen afbeeldingsdata zijn, worden ook geweigerd, met een duidelijke melding in beide gevallen.
Wordt mijn afbeelding naar een server geüpload?
Nee. Coderen en decoderen zijn pure tekstbewerkingen die je browser lokaal uitvoert. Noch je afbeeldingen, noch je Base64-teksten verlaten ooit je apparaat.