Naar de inhoud

Afbeelding naar Base64-converter — Gegevens URI, CSS, HTML — Numio

Codeer een afbeelding als een Base64-gegevens URI en kopieer deze als onbewerkte Base64, CSS-achtergrond, HTML img-tag of Markdown. Detecteert PNG, JPG, GIF, WebP, SVG en meer.

Eén afbeelding tot 15 MB · PNG, JPG, GIF, WebP, AVIF, SVG, BMP of ICO

Hoe werkt het

  1. Kies een afbeelding of plaats deze in de doos.
  2. Kies de uitvoer: gegevens URI, alleen Base64, CSS, HTML of Markdown.
  3. Kopieer de tekst of download deze als .txt-bestand.

Voorbeeld

logo.png (1,2 KB) → data:image/png;base64,iVBORw0KGgo… (ongeveer 1,6 KB tekst)

Details en beperkingen

Base64-tekst is ongeveer 33% groter dan het bestand. Inline kleine iconen en logo's; link naar grotere afbeeldingen om de pagina's snel te houden.

Het afbeeldingstype wordt gedetecteerd op basis van de bestandsinhoud, niet op basis van de naam: PNG, JPG, GIF, WebP, AVIF, SVG, BMP en ICO. Het coderen gebeurt in uw browser.

FAQ

Wanneer moet ik een Base64-data URI gebruiken?

Voor kleine afbeeldingen in CSS-, HTML-e-mails of pagina's met één bestand, waarbij het opslaan van een verzoek belangrijker is dan de grootte. Gegevens-URI's worden niet afzonderlijk van de pagina in de cache opgeslagen.

Is de afbeelding geüpload?

Nee. Het bestand wordt gelezen en gecodeerd op uw apparaat.

Referenties

Pagina bijgewerkt: