Immagine in Base64

Un Data URI e una stringa che incorpora direttamente il contenuto di un file (in questo caso un'immagine) dentro il codice, senza bisogno di un file esterno. Ha il formato data:image/png;base64,XXXX dove XXXX e l'immagine codificata in Base64. Puoi incollarlo nell'attributo src di un tag img o in una regola CSS background-image.

La codifica Base64 rappresenta ogni 3 byte di dati binari con 4 caratteri di testo, quindi aumenta la dimensione di circa il 33%. Per questo l'inline in Base64 conviene solo per immagini piccole (icone, loghi): riduce le richieste HTTP, ma per immagini grandi e meglio usare un normale file per non appesantire HTML e CSS.

No. La conversione avviene interamente nel tuo browser usando l'API FileReader di JavaScript: l'immagine non lascia mai il tuo dispositivo e non viene inviata a nessun server. Questo rende lo strumento privato e velocissimo, e funziona anche senza connessione internet una volta caricata la pagina.