Afbeelding naar Base64

Over deze tool

De afbeelding naar Base64-converter codeert elk afbeeldingsbestand naar een Base64-tekenreeks of volledige Data URI, zodat u afbeeldingen direct in HTML, CSS of JSON kunt insluiten zonder ze als aparte bestanden te hosten. Ondersteunt slepen-en-neerzetten of klikken-om-te-selecteren en toont de originele bestandsgrootte versus de gecodeerde grootte.

Alle codering vindt plaats in uw browser via de FileReader API — uw afbeelding wordt nooit geüpload naar een server. U kunt schakelen tussen volledige Data URI (met het data:image/…;base64, voorvoegsel) en pure Base64 (zonder voorvoegsel).

Hoe te gebruiken

1. Sleep een afbeelding naar het uploadgebied of klik om een bestandskiezer te openen.
2. De gecodeerde uitvoer verschijnt automatisch nadat het bestand is geladen.
3. Schakel tussen Data URI en Base64 Only met de knoppen.
4. Klik op Kopiëren om het resultaat naar het klembord te kopiëren.

Gebruiksscenario's

Frontend-ontwikkelaars sluiten kleine pictogrammen direct in CSS of HTML in om HTTP-verzoeken te elimineren. E-mailmarketeers plaatsen afbeeldingen inline in HTML-e-mailsjablonen omdat veel e-mailclients externe afbeeldingen blokkeren. Ontwikkelaars van mobiele apps coderen afbeeldingen voor JSON API-payloads. Ontwikkelaars slaan afbeeldingen op als Base64-tekenreeksen in configuratiebestanden of databases.

Veelgestelde vragen

• Verhoogt Base64-codering de bestandsgrootte? — Ja. Base64-codering verhoogt de bestandsgrootte met ongeveer 33% ten opzichte van het originele binaire bestand.
• Welke afbeeldingsformaten worden ondersteund? — Elk formaat dat uw browser kan weergeven: JPG, PNG, WebP, GIF, SVG, BMP en meer.
• Moet ik grote afbeeldingen Base64 coderen? — Voor bestanden groter dan ~10 KB is het meestal beter om de afbeelding als bestand te hosten. Grote Base64-tekenreeksen vergroten HTML/CSS en schaden de laadprestaties van de pagina.