Afbeelding naar Base64-converter
Zet een lokale afbeelding om in een volledige Base64-data-URL. Bekijk het beeld, converteer, kopieer of download de tekst. Bestandslimiet: 64 MiB.
Aan de slag
Wat deze tool voor u kan doen
Zet een lokale afbeelding om in een volledige Base64-data-URL. Bekijk het beeld, converteer, kopieer of download de tekst. Bestandslimiet: 64 MiB.
Uitgewerkt voorbeeld
icon.png
data:image/png;base64,iVBORw0KGgo…
Hoe het resultaat tot stand komt
Base64 vertegenwoordigt binaire bytes met afdrukbare tekens. Het is omkeerbare codering, geen compressie of encryptie, en maakt de payload normaal gesproken ongeveer een derde groter.
Nuttige workflows
- Een klein pictogram in CSS of HTML insluiten
- Een draagbare API- of testfixture maken
- Een klein binair bestand als tekst inspecteren of overdragen
Belangrijke beperkingen
- Grote Base64-tekenreeksen verhogen het HTML-, CSS- en geheugengebruik.
- Codering verbergt of beveiligt de afbeelding niet.
- Het MIME-type van de data-URL moet overeenkomen met het werkelijke bestandsformaat.
Veelgestelde vragen
Waarom is Base64 groter dan het afbeeldingsbestand?
Elke drie binaire bytes worden weergegeven door vier Base64-tekens, plus eventuele data-URL-prefix.
Moet ik elke websiteafbeelding insluiten?
Nee. Externe bestanden worden meestal beter gecachet; inline data is het nuttigst voor kleine, zelfstandige assets.
Afbeelding naar Base64-converter
Limieten: 64 MiB (67.108.864 bytes) en 24.000.000 gedecodeerde pixels. Bestandsgrootte wordt vóór het lezen gecontroleerd, afmetingen vóór het maken van Base64. Het volledige origineel wordt zonder canvas-hercodering omgezet; metadata en animatiebytes blijven behouden, maar de voorbeeldweergave controleert animatieweergave niet. Voor N bytes telt de Base64-inhoud 4 × ceil(N/3) tekens plus het voorvoegsel. Voorbeelden met weglatingstekens zijn onvolledig. Codering is geen sanering of versleuteling; het browser-MIME-type bewijst het formaat niet. Grote ingesloten afbeeldingen vergroten document en geheugen en hebben geen aparte cache.
data:image/png;base64,... Base64 length = 4 × ceil(N / 3)
De verwerking gebeurt lokaal in je browser.