Categoria: Sviluppo

Generatore di Data URI

Idea internaManca uno strumento?

Trasforma testo o un file in un data: URI

Incolla del testo o scegli un file, imposta il tipo di media e ottieni un data: URI da inserire direttamente in CSS, HTML o JSON. Il file viene letto e codificato interamente nel browser e non lascia mai il tuo dispositivo.

Output
data:text/plain;base64,SGVsbG8sIHdvcmxkIQ==

Tutto ciò che c'è in questa pagina viene elaborato nel tuo browser. Niente viene caricato.

A cosa serve

Un data: URI incorpora i byte di un file direttamente all'interno di un URL, così una piccola icona o un font può essere incluso in un foglio di stile invece che come richiesta separata. Questo strumento ne costruisce uno a partire da testo digitato o da un file scelto: i file vengono sempre codificati in base64, poiché i byte grezzi raramente sopravvivono alla percent-encoding, mentre il testo può usare entrambe le codifiche. Nulla viene caricato: il file viene letto con l'API FileReader del browser e la codifica avviene localmente.

Come si usa

  1. Scegli testo o un file come origine.
  2. Imposta il tipo di media se quello rilevato non è quello che ti serve.
  3. Copia il data: URI generato.

Privacy

Questo strumento funziona interamente nel tuo browser. Quello che inserisci non viene mai caricato, salvato o condiviso: chiudendo la scheda sparisce.

Domande frequenti

Il file viene caricato su un server?
No. Il file viene letto e codificato dal tuo browser; non viene inviato da nessuna parte.
Perché un file è sempre codificato in base64?
I byte binari arbitrari non sopravvivono in modo pulito alla percent-encoding, quindi il base64 è l'opzione affidabile per i file. Il testo semplice può usare entrambe le codifiche.
C'è un limite di dimensione?
Solo quello pratico: data: URI molto grandi appesantiscono il CSS o l'HTML circostante, quindi lo strumento funziona meglio con risorse piccole come icone o brevi frammenti.