Afbeelding naar Base64

Zet PNG, JPG, GIF, WebP en SVG om naar Base64 Data URI zonder de oorspronkelijke bytes te wijzigen. Kopieer het resultaat voor HTML of CSS, of download de tekst.

Coderen
Invoer0 tekens
Resultaat

Het resultaat verschijnt hier.

Zo zet je een afbeelding om naar Base64

  1. Kies een afbeelding of sleep die naar het invoervak.
  2. Schakel regelafbreking uit voor HTML en CSS en behoud de opvultekens voor standaard-Base64.
  3. Codeer de afbeelding en kopieer de volledige Data URI of download het tekstresultaat.

Aan de slag met Afbeelding naar Base64

De Data URI bevat het mediatype en de gecodeerde bytes. De afbeelding wordt niet geschaald of opnieuw gecomprimeerd. Base64 voegt ongeveer een derde aan de grootte toe; voor grote webafbeeldingen is een gewoon bestand vaak handiger.

Een GIF van één pixel als Base64 Data URI

Invoer
pixel.gif (1 × 1 px, 42 B)
Resultaat
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

Vragen over Afbeelding naar Base64

Hoe gebruik ik het resultaat in HTML of CSS?

Zet de volledige waarde data:image/…;base64,… in het HTML-attribuut img src of in CSS url("…"). Het voorvoegsel geeft het afbeeldingsformaat aan en hoort niet bij de Base64-data zelf. De tool levert de URI, zonder HTML-tag of CSS-regel eromheen.

Blijven transparantie, animatie en kwaliteit behouden?

Ja. De oorspronkelijke bestandsbytes worden gecodeerd zonder de afbeelding te schalen of opnieuw te comprimeren. PNG-transparantie, GIF-animatie en SVG-markup blijven in de data behouden. De weergave hangt nog wel af van de toepassing.

Welke formaten en bestandsgroottes worden ondersteund?

De tool herkent PNG, JPEG, GIF, WebP, BMP, TIFF, AVIF en identificeerbare SVG-documenten aan hun inhoud. De limiet is 32 MiB per bestand, één bestand tegelijk. Gebruik Bestand naar Base64 voor andere formaten; coderen betekent niet automatisch dat de browser het kan weergeven.

Is Base64 kleiner en werkt het in e-mail?

Nee. De gecodeerde data wordt ongeveer een derde groter, plus het URI-voorvoegsel. Inbedden kan handig zijn voor kleine pictogrammen; grote afbeeldingen zijn vaak beter als losse bestanden. E-mailprogramma’s en beveiligingsregels kunnen data:-afbeeldingen blokkeren. Test daarom de doelomgeving.

Worden mijn bestanden, tokens of teksten geüpload?

Nee. De verwerking vindt plaats in je browser. De website levert de pagina en de programmacode, maar stuurt je invoer niet naar een conversieserver en slaat die niet op in een account.

Handige tools voor de volgende stap

Alle ontwikkelaarstools

Codering en bestanden

Zet tekst, bytes, URL’s en ingesloten afbeeldingen om zonder de oorspronkelijke gegevens te veranderen.

Base64 coderen en decoderen

Zet UTF-8-tekst om naar Base64 of decodeer standaard- en URL-veilige Base64, met instelbare opvulling en regellengte.

Base64URL coderen en decoderen

Codeer tekst als URL-veilige Base64 met - en _ en decodeer Base64URL-reeksen zonder opvulling.

Base64 naar afbeelding

Decodeer Base64-afbeeldingen of Data URI’s, bekijk ondersteunde formaten en download de oorspronkelijke bytes.

Bestand naar Base64

Codeer elk bestand als Base64, met optionele Data URI, opvulling en MIME-regelafbrekingen.

Base64 naar bestand

Herstel downloadbare bestanden uit Base64 en Data URI’s zonder de gedecodeerde bytes te wijzigen.

URL coderen en decoderen

Codeer URL-onderdelen, volledige URL’s en formulierwaarden en decodeer procentcodering en spaties.

HTML-entiteiten coderen en decoderen

Zet tekst om naar HTML-entiteiten of decodeer benoemde en numerieke tekenverwijzingen.

Unicode analyseren en escapes omzetten

Bekijk Unicode-codepunten, UTF-8-bytes en UTF-16-eenheden en zet JavaScript Unicode-escapes om.

Gegevens en tekst analyseren

Bekijk gestructureerde gegevens en tokens en zie precies wat er is veranderd.

JSON opmaken, verkleinen en valideren

Maak JSON leesbaar, verklein en valideer het zonder precisieverlies bij grote getallen, met inspringing en gesorteerde sleutels.

JWT decoderen

Lees JWT-headers en inhoud en bekijk verval- en activeringstijden zonder het token naar een andere dienst te sturen.

Teksten vergelijken

Vergelijk twee teksten per regel, woord of teken en markeer verschillen met behoud van spaties en regelafbrekingen.

Reguliere expressies testen

Test JavaScript-regex met vlaggen, posities, capturegroepen en benoemde groepen.

Hashes, ID’s en schema’s

Controleer bestanden, genereer identificatiecodes en bekijk tijden en terugkerende uitvoeringen.

MD5-hash en checksum

Bereken de MD5-hash van tekst of lokale bestanden en vergelijk die met een verwachte checksum.

SHA-1-hash en checksum

Bereken SHA-1 voor UTF-8-tekst of bestanden en vergelijk het resultaat met een checksum.

SHA-256-hash en checksum

Bereken SHA-256 voor tekst en bestanden en controleer downloads aan de hand van gepubliceerde checksums.

SHA-512-hash en checksum

Bereken SHA-512 voor tekst en bestanden op je apparaat en vergelijk volledige hexadecimale checksums.

CRC32-checksum berekenen

Bereken standaard CRC-32 voor tekst of bestanden en vergelijk hexadecimale checksums van acht tekens.

HMAC genereren

Genereer HMAC-SHA-1, HMAC-SHA-256 en HMAC-SHA-512 met een geheime UTF-8- of hexadecimale sleutel.

UUID- en GUID-generator

Genereer willekeurige UUID v4- of tijdsgeordende UUID v7-identificatiecodes, afzonderlijk of in batches.

Unix-tijdstempel omzetten

Zet Unix-seconden, milliseconden en ISO 8601-datums om en bekijk hetzelfde moment in UTC of een IANA-tijdzone.

Cron-expressies analyseren

Valideer Cron-expressies met vijf of zes velden en bekijk volgende uitvoeringen met tijdzones en zomertijd.

Cron-expressies maken

Stel Cron-expressies samen met tijdvelden of veelgebruikte schema’s en bekijk de volgende uitvoeringen in je gekozen tijdzone.

Je invoer en bestanden worden op je eigen apparaat verwerkt. Laat vertrouwelijke resultaten niet op een gedeeld klembord staan en gebruik een betrouwbaar apparaat voor privésleutels en tokens.