Gestore Data URI

Il Gestore Data URI ti permette di codificare qualsiasi file in un data URI Base64 per l'incorporamento diretto in HTML, CSS o JavaScript, e decodifica i data URI esistenti nel loro contenuto file originale. I data URI seguono il formato RFC 2397 `data:[<mediatype>][;base64],<data>`, consentendo l'incorporamento di risorse senza richieste HTTP aggiuntive. L'incorporamento di piccole risorse come icone SVG, font o immagini minuscole può ridurre significativamente la latenza di caricamento della pagina per risorse critiche. Tutta la codifica, decodifica, rilevamento del tipo MIME e l'anteprima del file avvengono interamente nel tuo browser senza necessità di upload su server.

Esplora tutti gli strumenti Sviluppatore

Come Usare

Per codificare, carica un file o incolla testo grezzo e seleziona il tipo MIME corretto dal menu a discesa — lo strumento genera la stringa data URI completa conforme a RFC 2397 pronta per essere incollata negli attributi src, href o url(). Per decodificare, incolla un data URI esistente nel campo di input e clicca su Decodifica per estrarre il contenuto incorporato, visualizzare in anteprima immagini o SVG inline e scaricare il file originale. Tutta l'elaborazione avviene lato client, quindi i tuoi file non lasciano mai il browser.

Casi d'Uso Comuni

• •Sviluppatori frontend che incorporano piccole icone SVG, spinner o immagini UI direttamente in HTML o CSS per eliminare richieste HTTP aggiuntive e ridurre la latenza del percorso di rendering critico
• •Progettisti di template email che incorporano font web personalizzati e immagini logo come data URI Base64 in blocchi di stile CSS per garantire un rendering coerente in client che bloccano il caricamento di risorse esterne
• •Ricercatori di sicurezza che decodificano data URI sospetti trovati in allegati HTML di phishing o tag script offuscati per rivelare il contenuto del payload nascosto
• •Sviluppatori web che creano demo HTML a file singolo completamente autonome, pagine di documentazione offline o widget di strumenti portatili che incorporano tutte le risorse inline
• •Autori di strumenti di build che generano data URI di immagini di sfondo codificate in Base64 per componenti stilizzati CSS-in-JS o che generano data URI SVG inline per font di icone

Prenditi una pausa e gioca ai giochi gratuiti nel browser