Immagine in base64

Convertire un'immagine in base64 (data image base64) è talvolta necessario per ridurre il numero di richieste HTTP al server. È un buon metodo per visualizzare le icone sul sito. In questo caso, il corpo dell'immagine può essere inserito nel codice HTML della pagina o nel file CSS, dove al posto di SRC o URL si utilizza il codice base64.

Ma bisogna capire che il codice base64 pesa circa il 33% in più rispetto al file originale, quindi non è consigliato visualizzare immagini grandi in questo modo.

Tuttavia, se si utilizza base64 per icone o piccole immagini, in alcuni casi, oltre alla riduzione delle richieste al server, si può ottenere anche un vantaggio nel peso complessivo della pagina. Questo perché il server, oltre all'immagine stessa, invia anche intestazioni HTTP, che hanno un peso e si sommano a quello dell'immagine. Per un'icona può risultare che la somma del suo peso e delle intestazioni sia maggiore rispetto al peso del base64.

Base64 è uno standard di codifica dei dati binari mediante 64 simboli ASCII. L'alfabeto di codifica contiene caratteri latini alfanumerici A-Z, a-z e 0-9 (62 segni) e 2 simboli aggiuntivi, dipendenti dal sistema di implementazione. Ogni 3 byte originali vengono codificati in 4 simboli, il che porta a un aumento dei dati del 33%.