Afbeelding naar Base64 Converter | Data URI Generator voor HTML & CSS

Converteer afbeeldingen (PNG, JPG, SVG, WebP, GIF) direct naar Base64 Data URI strings voor directe insluiting in HTML, CSS of JSON.

Klik voor theatermodus

Conversion Results

Upload een afbeelding om de Data URI, CSS- en HTML-code te bekijken.

Handleiding

1. Sleep een afbeelding naar het uploadvak.
2. Kies het gewenste uitvoerformaat (Data URI, HTML tag, CSS url of pure Base64).
3. Klik op 'Kopiëren' om de code direct in uw project te gebruiken.

Belangrijkste Functies

- **Directe Data URI export**: Genereer kant-en-klare `data:image/...;base64,...` strings.
- **Meerdere formaten**: Kopieer als ruwe Base64 string, CSS `background-image` of HTML `<img>` tag.
- **Geen serveruploads**: Grote en kleine afbeeldingen worden lokaal in de browser omgezet.
- **Directe voorvertoning**: Bekijk de geconverteerde afbeelding en stringlengte direct.

Gerelateerde Tools

Base64 Encoder & Decoder | Tekst & Strings Coderen in Base64

Codeer en decodeer tekst naar en van Base64 direct in uw browser met ondersteuning voor UTF-8 tekens. Snel, veilig en 100% lokaal.
Base64 naar Afbeelding Converter | Data URI Decoderen naar PNG/JPG

Zet Base64 strings en Data URI's direct om in downloadbare afbeeldingsbestanden (PNG, JPG, WebP, GIF, SVG). 100% lokaal in uw browser.
JSON Formatter & Validator | JSON Opmaken, Valideren & Structureren

Formatteer, valideer en verfraai JSON-code direct in uw browser. Vind syntaxfouten met regel- en kolomnummers. Snel, mooi en 100% privé.
JSONPath Tester & Evaluator | JSONPath Expressies Testen

Test en evalueer JSONPath-expressies (`$.store.book[*].author`) interactief tegen complexe JSON-datastructuren met realtime resultaatweergave.
JSON naar CSV Converter | JSON Array Omzetten naar Spreadsheet CSV

Converteer JSON-objecten en arrays eenvoudig naar CSV-formaat voor gebruik in Excel, Google Sheets of databases. Snel, gratis en veilig.
CSV naar JSON Converter | Tabelgegevens omzetten naar JSON

Converteer CSV- en TSV-bestanden eenvoudig naar gestructureerde JSON-arrays of JSON-objecten. Ondersteunt automatische typeconversie.
JSON Diff Checker | JSON Bestanden & Objecten Zij-aan-Zij Vergelijken

Vergelijk twee JSON-bestanden of objecten en markeer direct toevoegingen, verwijderingen en gewijzigde waarden met visuele syntax-highlighting.
JSON Minifier | JSON Comprimeren & Witruimte Verwijderen

Comprimeer JSON-code tot één compacte regel door alle overbodige spaties en regeleinden te verwijderen voor minimale payloadgrootte in API's.

Technische Werking & Formule

De browser leest het binaire bestand via de FileReader API en decodeert dit naar een Base64-geëncodeerde datastring.

Veelgestelde Vragen (FAQ)

### Waarom een afbeelding omzetten naar Base64?
Base64 stelt u in staat om kleine iconen of afbeeldingen direct in te sluiten in CSS- of HTML-bestanden, waardoor er geen extra HTTP-verzoeken nodig zijn.