Strumento gratuito per sviluppatori

Generatore di Data URI Risorse inline per HTML e CSS

Generatore di Data URI gratuito per frontend. Carica PNG, JPEG, SVG, font o incolla testo per creare Data URI Base64 o URL encoded per HTML img src e CSS background-image.

Apri generatore di Data URI Esplora tutti gli strumenti
AD

Generatore di Data URI risolve questi problemi

Generatore di Data URI gratuito per frontend. Carica PNG, JPEG, SVG, font o incolla testo per creare Data URI Base64 o URL encoded per HTML img src e CSS background-image.

Evitare errori MIME

Controlla o modifica il MIME prima di copiare.

come usare

Generatore di Data URI funzionalità

Generatore di Data URI gratuito per frontend. Carica PNG, JPEG, SVG, font o incolla testo per creare Data URI Base64 o URL encoded per HTML img src e CSS background-image.

File o testo

Aggiungi PNG, JPEG, SVG, testo e font.

Scelta automatica

URL per testo/SVG, Base64 per binari.

MIME modificabile

Sostituisci il tipo quando serve.

Tre output

Copia Data URI, CSS o HTML.

Anteprima e dati

Controlla dimensione e risultato.

Flusso locale

Genera senza upload.

come usare Generatore di Data URI

Generatore di Data URI gratuito per frontend. Carica PNG, JPEG, SVG, font o incolla testo per creare Data URI Base64 o URL encoded per HTML img src e CSS background-image.

01

Aggiungi risorsa

Incolla testo o scegli un file.

  • Elaborazione locale, nessun upload
02

Controlla MIME

Verifica image/png, image/svg+xml e altri.

  • Elaborazione locale, nessun upload
03

Scegli codifica

Usa Auto, Base64 o URL.

  • Elaborazione locale, nessun upload
04

Copia snippet

Incolla in HTML o CSS.

  • Elaborazione locale, nessun upload

Generatore di Data URI flussi di lavoro

Generatore di Data URI gratuito per frontend. Carica PNG, JPEG, SVG, font o incolla testo per creare Data URI Base64 o URL encoded per HTML img src e CSS background-image.

Aggiungi risorsa

Incolla testo o scegli un file.

Genera Data URI
Data URI Generator upload workflow converting PNG SVG text and font files into browser-ready Data URIs

Scegli codifica

Usa Auto, Base64 o URL.

Scegli codifica
Data URI Generator choosing Base64 or URL encoded output for SVG text and binary resources

Copia snippet

Incolla in HTML o CSS.

Copia snippet
Data URI Generator output cards for CSS background-image HTML img src and plain Data URI snippets

Generatore di Data URI casi d’uso

Generatore di Data URI gratuito per frontend. Carica PNG, JPEG, SVG, font o incolla testo per creare Data URI Base64 o URL encoded per HTML img src e CSS background-image.

Icone SVG inline

Icone, SVG e testi brevi possono stare nella pagina.

Prototipi in file unico

Incolla in HTML o CSS.

Esempi di documentazione

Controlla dimensione e risultato.

Generatore di Data URI FAQ

Generatore di Data URI gratuito per frontend. Carica PNG, JPEG, SVG, font o incolla testo per creare Data URI Base64 o URL encoded per HTML img src e CSS background-image.

I file vengono caricati?

No, tutto avviene localmente nel browser.

Quando usare Base64?

Per immagini, font e binari.

Quando usare URL encoded?

Per SVG, CSS, JSON e testo.

Va bene per file grandi?

No, è meglio per piccoli asset.

inizia a usare Generatore di Data URI

Generatore di Data URI gratuito per frontend. Carica PNG, JPEG, SVG, font o incolla testo per creare Data URI Base64 o URL encoded per HTML img src e CSS background-image.

Apri generatore di Data URI Esplora tutti gli strumenti

Generatore di Data URI gratuito nel browser.