Afbeelding-naar-Base64-converter
Zet elk afbeeldingsbestand om naar een Base64-data-URL. Plak het resultaat rechtstreeks in CSS, HTML of JSON.
Hoe u deze tool gebruikt
- 1
Click the file picker and choose an image (PNG, JPEG, GIF, WebP, SVG, or any format your browser accepts).
- 2
Wait a moment while the browser reads the file and renders a preview thumbnail.
- 3
Review the generated data URL in the text box below the preview.
- 4
Click Copy to put the full data URL on your clipboard, then paste it into your stylesheet or markup.
Wat is de afbeelding-naar-Base64-converter?
Een Base64-data-URL sluit de binaire inhoud van een afbeelding rechtstreeks in HTML of CSS in. Dit elimineert het HTTP-verzoek voor pictogrammen en kleine afbeeldingen, wat de gepercipieerde laadtijd kan verbeteren. Het nadeel: Base64-codering vergroot de bestandsgrootte met ongeveer 33 %, dus het is ideaal voor pictogrammen kleiner dan 5 KB.
Veelvoorkomende toepassingen
Inline a small icon directly in a CSS background-image: url(...) rule to save an HTTP request.
Embed a logo in a single self-contained HTML email or offline page with no external files.
Paste image data into a JSON payload or API request that only accepts text fields.
Store a tiny placeholder image as a string in a config file or environment variable.
Drop an avatar or sprite straight into a React or Vue component without a separate asset import.
Generate a quick data URL to test how a graphic renders in a sandbox or CodePen snippet.
Veelgestelde vragen
Wanneer moet ik Base64-afbeeldingen gebruiken?▼
Kan ik dit in CSS gebruiken?▼
Gerelateerde tools
Afbeeldingscompressor
Comprimeer JPG-, PNG- en WebP-afbeeldingen rechtstreeks in uw browser. Geen uploads: uw bestanden verlaten nooit uw apparaat.
Base64-naar-afbeelding-converter
Decodeer een Base64-tekenreeks of een data-URL om deze om te zetten in een downloadbare afbeelding.
Favicongenerator
Genereer een complete faviconset op basis van een willekeurige afbeelding: alle formaten die browsers, iOS en Android verwachten.
Afbeelding vergroten of verkleinen
Pas elke afbeelding aan naar aangepaste afmetingen, volledig in uw browser, zonder uploads.
PNG-naar-JPG-converter
Converteer PNG-afbeeldingen naar JPG-formaat: kleinere bestanden voor foto's en schermafbeeldingen.
JPG-naar-PNG-converter
Zet JPG/JPEG-afbeeldingen verliesvrij om naar PNG.