Data URI Handler
Maak of decodeer Base64 data-URI's voor het insluiten van bestanden.
Over gegevens-URI-handler
Met de Data URI Handler kunt u elk bestand coderen in een Base64-gegevens-URI voor directe insluiting in HTML, CSS of JavaScript, en decodeert bestaande gegevens-URI's terug naar hun oorspronkelijke bestandsinhoud. Gegevens-URI's volgen de RFC 2397-indeling `data:[<mediatype>][;base64],<data>`, waardoor assets inline kunnen worden geplaatst zonder aanvullende HTTP-verzoeken. Het inlinen van kleine elementen zoals SVG-pictogrammen, lettertypen of kleine afbeeldingen kan de latentie bij het laden van pagina's voor kritieke bronnen aanzienlijk verminderen. Alle codering, decodering, detectie van het MIME-type en bestandsvoorbeelden gebeuren volledig in uw browser, zonder dat er een serverupload nodig is.
Hoe te gebruiken
Om te coderen, uploadt u een bestand of plakt u onbewerkte tekst en selecteert u het juiste MIME-type in de vervolgkeuzelijst. De tool genereert de volledige RFC 2397-compatibele gegevens-URI-reeks, klaar om in src-, href- of url()-attributen te plakken. Om te decoderen plakt u een bestaande gegevens-URI in het invoerveld en klikt u op Decoderen om de ingesloten inhoud te extraheren, een voorbeeld van afbeeldingen of SVG's inline te bekijken en het originele bestand te downloaden. Alle verwerking vindt plaats aan de clientzijde, zodat uw bestanden de browser nooit verlaten.
Veelvoorkomende gebruiksscenario's
- Frontend-ontwikkelaars die kleine SVG-pictogrammen, spinners of UI-afbeeldingen rechtstreeks in HTML of CSS insluiten om extra HTTP-verzoeken te elimineren en de kritische weergavepadlatentie te verminderen
- Ontwerpers van e-mailsjablonen die aangepaste weblettertypen en logo-afbeeldingen inline plaatsen als Base64-gegevens-URI's in CSS-stijlblokken om consistente weergave te garanderen in clients die het laden van externe bronnen blokkeren
- Beveiligingsonderzoekers decoderen verdachte gegevens-URI's gevonden in phishing-HTML-bijlagen of versluierde scripttags om de verborgen payload-inhoud te onthullen
- Webontwikkelaars die volledig op zichzelf staande HTML-demo's uit één bestand, offline documentatiepagina's of draagbare toolwidgets maken die alle assets inline insluiten
- Auteurs van tools bouwen die Base64-gecodeerde gegevens-URI's voor achtergrondafbeeldingen genereren voor componenten in CSS-in-JS-stijl of inline SVG-gegevens-URI's genereren voor pictogramlettertypen