Nouplo

Immagine in base64

Un’immagine che si incolla in un foglio di stile.

Trascina qui i file

oppure clicca per sceglierli dal tuo dispositivoFormati accettati: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, HEIC, HEIF, SVG, ICO

Fino a 3 file per operazioneFino a 20 MB per file10 operazioni al giornoRimuovi i limiti con Pro✓ Funziona offline

I tuoi file restano sul tuo dispositivo

Questo strumento viene eseguito interamente nel tuo browser. Nulla viene caricato, nulla viene salvato, e puoi persino disattivare la connessione a internet prima di iniziare.

Come funziona

  1. Aggiungi l’immagine. PNG, JPEG, GIF, WebP, AVIF, SVG, BMP e ICO vanno tutti.
  2. Scegli cosa ci sta attorno: data URI nudo, regola CSS o tag img.
  3. Copia il risultato.
  4. Guarda la nota sulla dimensione. Incorporare risparmia una richiesta e smette di convenire prima di quanto si creda.

Domande frequenti

L’immagine viene ricodificata o compressa?
No. I byte del file vengono letti e codificati così come sono, quindi un PNG ottimizzato resta ottimizzato e una GIF animata resta animata. Uno strumento che ricodificasse «per aiutare» cambierebbe in silenzio i colori di un’icona.
Di quanto cresce?
Di circa un terzo. Il base64 trasforma tre byte in quattro, più il prefisso. È il prezzo di una richiesta HTTP risparmiata.
Quando conviene davvero incorporare?
Per qualcosa di piccolo e subito necessario: un’icona, un distanziatore 1×1, un logo minuscolo in un’email. Oltre un paio di kilobyte i byte in più a ogni caricamento costano più della richiesta risparmiata.
Posso incorporare così un SVG?
Puoi, e spesso non dovresti: un SVG è testo e può andare direttamente nell’HTML, dove il CSS può colorarlo. Il base64 serve quando deve per forza essere un’unica stringa opaca.
Viene caricato qualcosa?
No. Tutto avviene nel browser.

Strumenti correlati