Ga naar inhoud
patrache.tools

Afbeelding ↔ Base64

Converteer afbeeldingen naar Base64-tekenreeks en vice versa. Ondersteunt PNG, JPG, WebP, GIF. Verwerkt in browser.

Sleep een afbeelding of klik om te selecteren

lockBestanden worden niet naar een server verzonden
Delen
Insluiten

Sluit deze tool in op je site

Afbeelding-Base64-converter is een gratis online tool die afbeeldingen codeert naar Base64-strings of Base64 weer terug decodeert naar afbeeldingen.

Hoe gebruik je Afbeelding ↔ Base64?

  1. Kies de modus Afbeelding → Base64 of Base64 → Afbeelding.
  2. Upload een afbeelding of plak een Base64-string.
  3. Kopieer of download het resultaat.

Veelgestelde vragen over Afbeelding ↔ Base64

Waar wordt Base64-codering gebruikt?

Het wordt gebruikt voor e-mailbijlagen, inline CSS-achtergrondafbeeldingen, het verzenden van API-gegevens en meer.

Wordt het bestand groter door Base64-codering?

Ja: elke drie bytes worden vier tekens, dus het geheel groeit met ongeveer 33 %. Voor iconen en afbeeldingen van 1-2 KB loont dat omdat je een verzoek bespaart, maar een foto van honderden KB's inbedden maakt de HTML zwaar en schakelt browsercaching volledig uit.

Kan ik een Base64-string weer omzetten naar een afbeeldingsbestand?

Ja: schakel naar decodeermodus, plak de string en download de herstelde afbeelding. Een prefix als `data:image/png;base64,` mag blijven staan, en ontbreekt die, dan kies je alleen het uitvoerformaat.

Is Base64 een goede keuze voor e-mailhandtekeningen of CSS?

In CSS werkt het goed voor kleine iconen en patronen omdat het extra verzoeken wegneemt. Voor e-mailhandtekeningen is het ongeschikt: Gmail en Outlook blokkeren data-URI-afbeeldingen vaak, dus host het bestand en verwijs ernaar met een URL.

Tips om Afbeelding ↔ Base64 effectief te gebruiken

  • Base64-codering vergroot de bestandsgrootte met ongeveer 33%, dus is het vooral geschikt voor kleine pictogrammen en logo's.
  • Het gebruik van data-URI's in CSS vermindert HTTP-verzoeken en kan de laadsnelheid van de pagina verbeteren.
  • Voor grote afbeeldingen is serveren als gewone bestanden beter voor caching en prestaties dan Base64.

Powered by Patrache Studio Tools

Sta advertenties toe op deze website

Sta advertenties op deze website toe om deze tools te gebruiken. Advertenties houden deze dienst gratis.

Open je advertentieblokker, schakel deze uit voor deze website en controleer opnieuw.