Vai al contenuto 
Un sito bello ma lento è un sito che perde clienti. E nella maggior parte dei casi il colpevole della lentezza ha un nome preciso: le immagini. In questo articolo vediamo, passo dopo passo, come ridimensionare, convertire e organizzare le immagini e i file di un progetto web per ottenere pagine leggere, veloci e professionali, usando anche una serie di strumenti online gratuiti di Canva che tornano utili tutti i giorni a chi realizza siti.
Dal 1995 in Web Marketing Pro costruiamo siti web e applicazioni, e c’è una lezione che si ripete a ogni progetto: la cura tecnica delle immagini incide sulle prestazioni quanto, e a volte più, della tecnologia sottostante. Puoi scegliere il miglior hosting e il framework più moderno, ma se carichi una foto da otto megabyte pensata per la stampa dentro una scheda prodotto, quella pagina resterà lenta. La buona notizia è che rimettere le cose a posto non richiede competenze da sviluppatore: servono metodo e qualche strumento affidabile.
Perché sono le immagini a decidere la velocità del tuo sito
Partiamo dai numeri, perché aiutano a mettere le priorità nell’ordine giusto. Secondo l’analisi annuale del Web Almanac di HTTP Archive, che studia milioni di siti reali, nel 2025 le immagini rappresentano circa il 48% del peso della pagina mediana. In pratica quasi metà di tutto ciò che il browser deve scaricare per mostrare una pagina è fatto di immagini: più di JavaScript, font, CSS e HTML messi insieme.
C’è un secondo dato ancora più interessante per chi cura le prestazioni. Google misura l’esperienza di caricamento con una metrica chiamata Largest Contentful Paint (LCP), cioè il tempo che passa prima che l’elemento visivo più grande della pagina diventi visibile: è il momento in cui l’utente percepisce che “la pagina è arrivata”. Ebbene, come spiega la documentazione ufficiale di web.dev, nella grande maggioranza dei siti quell’elemento è proprio un’immagine.
La conseguenza pratica è semplice: se vuoi un sito veloce, la prima leva su cui agire sono le immagini. Google considera “buono” un LCP entro 2,5 secondi, e ogni immagine pesante spinge quel valore nella direzione sbagliata. Un caricamento più rapido non serve solo a compiacere un algoritmo: riduce l’abbandono, migliora il tasso di conversione e rende il sito piacevole da usare anche su una connessione mobile non velocissima. Vediamo allora come intervenire, partendo dall’operazione più semplice e più trascurata.
1. Ridimensionare le immagini alle dimensioni giuste
L’errore più comune che troviamo nei siti che ci arrivano da sistemare è quasi sempre lo stesso: immagini caricate alla risoluzione originale della fotocamera o dello smartphone. Uno scatto moderno può misurare 4000 o 6000 pixel di larghezza, mentre lo spazio in cui verrà mostrato sul sito magari non supera gli 800 pixel. Il browser è costretto a scaricare un file enorme per poi rimpicciolirlo al volo: uno spreco totale di banda e di tempo.
La regola d’oro è ridimensionare l’immagine alla larghezza massima con cui verrà effettivamente visualizzata, con un margine ragionevole per gli schermi ad alta densità di pixel (i cosiddetti display “retina”), per i quali si tende a fornire immagini a circa il doppio delle dimensioni nominali. Un’immagine larga 1600 pixel copre bene un contenitore da 800 pixel anche su schermi di qualità, senza appesantire inutilmente la pagina.
Per farlo in fretta, anche senza aprire un software di fotoritocco, è comodo lo strumento gratuito di Canva per ridimensionare le foto online: si carica l’immagine, si inseriscono le dimensioni desiderate o si sceglie un formato predefinito e si scarica il file già pronto in JPG o PNG. Lo stesso Canva ricorda che rimpicciolire le foto prima di caricarle sul sito serve proprio “a migliorare la velocità di caricamento delle pagine, offrire un’esperienza migliore ai visitatori e ridurre il tasso di abbandono”. È esattamente il principio che applichiamo in ogni consegna.
2. Scegliere e convertire il formato giusto
Ridimensionare è il primo passo; il secondo è usare il formato corretto. Ogni formato ha un mestiere. Il JPG è pensato per le fotografie e per le immagini ricche di sfumature: comprime molto bene le scene reali e permette di ottenere file leggeri con una qualità visiva ottima. Il PNG dà il meglio con loghi, icone, grafiche piatte e con tutto ciò che richiede uno sfondo trasparente, ma tende a produrre file più pesanti quando lo si usa (a torto) per le fotografie. Formati più moderni come il WebP offrono un’ulteriore riduzione di peso a parità di qualità e sono ormai supportati da tutti i browser recenti.
L’errore tipico è salvare in PNG una fotografia solo perché “è più preciso”: il risultato è un file magari tre o quattro volte più grande del JPG corrispondente, senza alcun vantaggio percepibile per l’occhio. Convertire quella stessa immagine in JPG è uno dei modi più rapidi per alleggerire una pagina. Anche qui Canva mette a disposizione strumenti immediati come il convertitore di immagini, utile per passare da un formato all’altro senza installare nulla.
Quando l’immagine deve diventare un documento
Non sempre l’obiettivo è “web leggero”. Capita spesso, in un progetto, di dover trasformare una o più immagini in un documento condivisibile: un preventivo, un mockup da inviare al cliente, una scheda da allegare via email o da caricare in un’area riservata. In questi casi il formato giusto non è l’immagine sciolta ma il PDF, che si apre allo stesso modo su qualunque dispositivo e mantiene l’ordine delle pagine. Lo strumento Converti JPG in PDF di Canva permette di ottenere in pochi secondi un documento pulito a partire da uno o più JPG: comodissimo per consegnare bozze grafiche o materiali al cliente in un unico file professionale.
3. Unire e dividere: tenere in ordine i file del progetto
Chi realizza siti lo sa: metà del lavoro è produrre le pagine, l’altra metà è gestire il flusso di file che gira attorno al progetto. Screenshot, esportazioni, versioni, allegati. Due operazioni tornano utili di continuo, e vale la pena saperle fare in modo rapido.
La prima è unire più immagini in un solo file. Quando devi presentare al cliente una sequenza di schermate, un “prima e dopo” o una serie di varianti grafiche, accorpare tutto in un’unica immagine ordinata è molto più elegante che inviare dieci allegati separati. Lo strumento Unisci JPG di Canva serve esattamente a questo: combina più JPG in un file unico, pronto da condividere o da inserire in una presentazione.
La seconda è l’operazione opposta, dividere un PDF. Ti arriva un manuale di brand di quaranta pagine ma a te servono solo le tre con la palette colori e i font? Oppure devi estrarre da un documento pesante la sola sezione da pubblicare online? Con lo strumento Dividi PDF di Canva puoi separare le pagine che ti interessano e ottenere file più piccoli e maneggevoli, invece di trascinare in giro documenti enormi che rallentano email e caricamenti.
Sono attività che sembrano marginali, ma sommate lungo la durata di un progetto fanno la differenza tra un lavoro ordinato e una cartella caotica piena di file pesanti e senza nome. E soprattutto evitano che, per pigrizia, finisca online un PDF da venti megabyte incorporato in una pagina che così diventa lentissima da aprire.
Il flusso di lavoro in quattro passi
Mettiamo insieme i pezzi. Quando prepariamo le immagini di un sito, seguiamo sempre la stessa sequenza, e il risultato è una pagina leggera senza compromessi sulla qualità visiva.
Prima ridimensioniamo ogni immagine alla larghezza reale d’uso. Poi convertiamo nel formato più adatto, preferendo il JPG (o il WebP) per le fotografie e riservando il PNG a loghi e trasparenze. Quindi uniamo o dividiamo i file quando serve, per consegnare materiali ordinati e per non pubblicare documenti più grandi del necessario. Infine pubblichiamo, verificando che la pagina resti fluida anche da smartphone. È un metodo semplice, ma applicato con costanza vale più di qualsiasi trucco isolato.
Un esempio concreto: quanto si può guadagnare
Le percentuali restano astratte finché non le si applica a un caso reale, quindi facciamo un conto semplice. Immagina una homepage con dodici immagini: la foto di apertura, quattro immagini di servizi, sei anteprime del portfolio e un logo. Se arrivano dalla fotocamera o da una banca immagini senza alcuna lavorazione, non è raro che ciascuna pesi tra uno e tre megabyte. Il totale della sola parte grafica può facilmente superare i venti megabyte, e su una connessione mobile media quella pagina impiega diversi secondi solo per mostrarsi.
Applichiamo ora il flusso descritto. Ridimensionando ogni foto alla larghezza reale d’uso, la dimensione di ciascun file crolla in modo drastico: una foto di apertura larga 1600 pixel in JPG di buona qualità pesa in genere tra i 150 e i 300 kilobyte, non megabyte. Le anteprime del portfolio, portate a 400 o 600 pixel, scendono a poche decine di kilobyte l’una. Convertendo in JPG le eventuali fotografie salvate per errore in PNG si risparmia ancora. Il risultato, in un caso tipico, è una pagina grafica che passa da oltre venti megabyte a due o tre: un peso ridotto di circa dieci volte, con una qualità visiva che l’occhio dell’utente non distingue da quella di partenza.
È questo il punto che vogliamo far passare: non si tratta di sacrificare la bellezza del sito per la velocità. Si tratta di eliminare peso inutile, quello che nessuno vede ma che tutti pagano in secondi di attesa. La differenza tra una pagina curata e una trascurata, su questo fronte, si misura in un ordine di grandezza.
Prestazioni e SEO vanno nella stessa direzione
Vale la pena chiarire un ultimo punto, perché spesso genera confusione. Ottimizzare le immagini non è “una cosa per la SEO” separata dall’esperienza dell’utente: è la stessa cosa vista da due lati. Google premia le pagine veloci perché sono le pagine che le persone preferiscono. I Core Web Vitals, di cui l’LCP fa parte, misurano proprio quanto un sito è piacevole e reattivo da usare. Migliorare le immagini significa quindi salire nei risultati di ricerca e convertire di più, senza dover scegliere tra le due cose.
A questo si aggiunge la cura dei dettagli che un motore di ricerca legge ma l’utente distratto non nota: il testo alternativo (attributo alt) che descrive ogni immagine, nomi dei file chiari invece di “IMG_3487.jpg”, e il caricamento differito (lazy loading) delle immagini che stanno più in basso nella pagina. Sono accorgimenti che si sposano perfettamente con il lavoro di ridimensionamento e conversione descritto qui sopra, e che completano una strategia di prestazioni seria.
Il testo alternativo, in particolare, svolge un doppio ruolo prezioso: aiuta i motori di ricerca a capire il contenuto dell’immagine, contribuendo al posizionamento anche nella ricerca per immagini, e rende il sito accessibile a chi naviga con uno screen reader. Descrivere in modo chiaro cosa mostra una foto non è quindi solo una buona pratica SEO, ma un gesto di attenzione verso tutti gli utenti. Anche in questo la logica è la stessa che attraversa tutto l’articolo: ciò che rende un sito tecnicamente migliore, di norma, lo rende anche più umano e più facile da usare.
Misurare per migliorare
Un’ultima raccomandazione di metodo: ciò che non si misura non si migliora. Dopo aver ottimizzato le immagini vale la pena verificare l’effetto reale con uno strumento gratuito come Google PageSpeed Insights, che analizza una pagina e restituisce sia i valori dei Core Web Vitals sia una lista concreta di suggerimenti, comprese le immagini ancora troppo pesanti o servite in dimensioni sbagliate. È il modo più semplice per trasformare la sensazione “il sito mi sembra lento” in un dato oggettivo su cui lavorare. Ripetere la misurazione prima e dopo l’ottimizzazione, inoltre, permette di quantificare i progressi e di individuare le pagine che meritano ancora attenzione. La velocità di un sito non è un traguardo che si taglia una volta per tutte, ma una qualità da mantenere nel tempo, ad ogni nuovo contenuto pubblicato.
In sintesi
Le immagini sono la parte più pesante di quasi ogni sito web e, nella maggioranza dei casi, sono anche l’elemento che decide la velocità percepita di una pagina. Intervenire non richiede strumenti complicati: bastano metodo e qualche utility affidabile. Ridimensiona alle dimensioni reali d’uso, scegli il formato giusto, converti quando serve, tieni in ordine i file unendoli o dividendoli, e pubblica una pagina leggera. Strumenti online gratuiti come quelli di Canva rendono ognuno di questi passaggi questione di pochi clic, anche per chi non ha dimestichezza con i software di grafica.
Il resto, cioè trasformare tutto questo in un sito realmente veloce, ben strutturato e costruito per convertire, è il mestiere che facciamo da trent’anni.
Parlaci del tuo progetto »
Fonti esterne citate: HTTP Archive Web Almanac 2025 – Page Weight · web.dev – Largest Contentful Paint (Google). Strumenti Canva citati: Ridimensiona foto, Convertitore immagini, Converti JPG in PDF, Unisci JPG, Dividi PDF.
