Afbeelding naar Base64
Converteer afbeeldingen direct naar Base64 Data URI's
Invoer
Klik om afbeelding te uploaden
JPG, PNG, GIF, WebP, SVG (Max 5MB)Uitvoer
Afbeelding naar Base64-voorbeelden
Upload een afbeelding om een Data URI te krijgen. Het formaat is data:image/<type>;base64,<base64-string>.
Voorbeeld Data URI-uitvoer
Upload een afbeelding hierboven om uw eigen Data URI te genereren.
Wat is Afbeelding naar Base64?
Afbeelding naar Base64 converteert afbeeldingsbestanden naar Base64-gecodeerde Data URI's. Base64 is gedefinieerd in RFC 4648.
Deze tool gebruikt de FileReader API van de browser. Voor het decoderen van Base64 terug naar een zichtbare afbeelding, gebruik Base64 naar afbeelding.
Hoe deze tool te gebruiken
Afbeelding uploaden
Klik op het uploadgebied of gebruik Uploaden om een afbeeldingsbestand te selecteren. Ondersteunde formaten: JPG, PNG, GIF, WebP, SVG (max 5MB).
Base64-uitvoer krijgen
Het rechterpaneel wordt automatisch bijgewerkt met de volledige Data URI. Kopieer en plak direct in HTML <img src="..."> of CSS background-image: url(...).
Kopiëren of downloaden
Gebruik Kopiëren om de Data URI op het klembord te zetten of Download om als .txt op te slaan. Voor het coderen van elk bestand, gebruik de Base64 Encoder. Voor het bekijken van Base64-afbeeldingsstrings, gebruik Base64 naar afbeelding.
Hoe het werkt
De tool leest uw afbeelding met FileReader.readAsDataURL(). Base64-codering verhoogt de grootte met ~33%.
Voor HTML: <img src="data:image/png;base64,...">. Voor CSS: background-image: url(...).
Waar Afbeelding naar Base64 helpt
Webontwikkelaars gebruiken Base64 voor kleine iconen en logo's. E-mail-HTML sluit vaak afbeeldingen in als Base64.
Voor decoderen gebruik Base64 naar afbeelding. Voor het coderen van tekst of bestanden, gebruik de Base64 Encoder. Voor algemene Base64-decodering, gebruik de Base64 Decoder.
Veelgestelde vragen
Zijn mijn gegevens privé?
Ja. De conversie draait volledig in uw browser.
Wat is de groottebeperking?
Het tool beperkt uploads tot 5 MB.
Kan ik de uitvoer in HTML/CSS gebruiken?
Ja. De uitvoer is een Data URI klaar voor img of background-image.
Wordt SVG ondersteund?
Ja. SVG wordt ondersteund. Gebruik de Base64 Decoder om terug te decoderen naar SVG.
Waarom Base64 in plaats van een normale afbeeldings-URL?
Base64 sluit de afbeelding in het document in, dus geen extra HTTP-verzoek nodig.
Gerelateerde tools
Specificatie: RFC 4648.