come aggiungere foto al sito senza rallentarlo

design · 2026-09-29 · 3 min

ridimensiona la foto alla dimensione in cui verrà mostrata, convertila in webp, comprimila finché non sembra uguale, e imposta width e height prima che carichi. quattro passaggi, dieci minuti, e la differenza tra una pagina che si apre e una che fa aspettare.

ridimensiona prima di caricare

una foto dal telefono è larga circa 4000 pixel e pesa 3-5 mb. una card sul tuo sito la mostra a 600 pixel. caricare l'originale significa che il browser scarica cinque-otto volte i pixel che può mostrare.

esporta a circa il doppio della dimensione di visualizzazione, così resta nitida sugli schermi ad alta densità: 1600 pixel per un'immagine a tutta larghezza, 800 per una card, 400 per una miniatura. quasi tutti i telefoni e ogni editor di foto sanno farlo, e lo sa fare anche squoosh, che gira nel browser e non carica il file da nessuna parte.

formato e peso

webp è il default adesso; avif è più leggero ma il supporto e gli strumenti sono meno prevedibili. jpeg va ancora bene per le foto se non hai altro. come ordine di grandezza, un'immagine grande di apertura dovrebbe restare sotto i 250 kb, una card sotto gli 80 kb. se pesa di più, comprimi ancora prima di dare la colpa all'hosting.

su wordpress la libreria media tiene l'originale e genera le versioni ridimensionate, ma non converte in webp da sola: un plugin può farlo, al costo di un'altra cosa da mantenere. su wix le immagini passano dal loro cdn e vengono ridimensionate al volo, il che aiuta, ma non caricare comunque un file da 12 megapixel per uno spazio da 300 pixel.

alt text, e la parte non tecnica

l'alt text descrive cosa c'è nell'immagine per chi non la vede: "ceramista al tornio in laboratorio", non "ceramica parma corso ceramica". se l'immagine è decorativa, lascia l'alt vuoto invece di riempirlo di keyword.

due cose legali, in breve. se in una foto si riconosce un cliente, ti serve il suo permesso per pubblicarla. e le foto stock hanno una licenza che dice dove e come puoi usarle: una foto presa da google immagini non ha nessuna licenza.

domande frequenti

perché le mie foto sembrano sfocate sul sito?

di solito è il problema opposto: il file è piccolo, oppure il tema lo taglia e lo stira. controlla prima la dimensione reale di visualizzazione, poi esporta al doppio.

quante foto deve avere una pagina?

abbastanza per rispondere a "che aspetto ha", non di più. una bella foto del lavoro batte otto versioni della stessa, e ogni immagine è peso che qualcuno scarica dal telefono.

posso usare le foto da google immagini?

no. essere visibile in un risultato di ricerca non è una licenza. usa le tue, una banca immagini a pagamento, o una fonte che dichiari chiaramente la licenza.