Un Data URL è uno schema utilizzato per incorporare dati in linea nei documenti, formattato come `data:[mediatype][;base64],data`. È comunemente usato per piccole icone o asset CSS per ridurre le dipendenze esterne.

I miei file sono sicuri?

Sì. La codifica e la decodifica avvengono interamente all'interno della memoria del tuo browser. Nessun dato del file viene inviato ai nostri server o memorizzato permanentemente.

Quando dovrei evitare gli URL di dati?

La codifica Base64 aumenta le dimensioni del file di circa il 33% rispetto ai file binari. I file di grandi dimensioni dovrebbero essere mantenuti come risorse separate per evitare di rallentare il rendering delle pagine e per consentire la memorizzazione nella cache del browser.

Come si usa l'output in CSS?

Copia la stringa generata e incollala in una funzione `url()`, come `background-image: url('data:image/png;base64,...');`. Questo incorpora l'immagine direttamente nel tuo foglio di stile.

Codificatori e Crittografia

Convertitore Data URL

Convertitore data URL gratuito. Codifica qualsiasi file come data URL base64 per l'incorporamento inline, o decodifica un data URL in un file. Basato sul browser, senza upload.

Runs in your browser

Encode a file

Pick a file

Data URL

Nota dell'editore

Understanding · Files, smuggled into a string.

Questo capitolo approfondito è attualmente disponibile solo in inglese. Lo strumento di conversione qui sopra funziona nella tua lingua; il lungo articolo esplicativo non è stato ancora tradotto.

Domande frequenti

Quick answers.

›What is a Data URL?

A Data URL is a scheme used to embed data in-line in documents, formatted as `data:[mediatype][;base64],data`. It is commonly used for small icons or CSS assets to reduce external dependencies.

›Are my files secure?

Yes. The encoding and decoding happen entirely within your browser's memory. No file data is sent to our servers or stored permanently.

›When should I avoid Data URLs?

Base64 encoding increases file size by approximately 33% compared to binary files. Large files should be kept as separate assets to avoid slowing down page renders and to allow for browser caching.

›How do I use the output in CSS?

Copy the generated string and paste it into a `url()` function, such as `background-image: url('data:image/png;base64,...');`. This embeds the image directly within your stylesheet.

Le persone cercano anche

Use with

What people reach for next.

Base64 Encode / Decode
Decode the data URL's payload for inspection.

Strumenti correlati

More in this room.

Vedi tutto in Codificatori e Crittografia