Ridimensionare foto online: la guida pratica per il web
Le immagini non ottimizzate sono una delle cause più frequenti di siti lenti: ridimensionarle prima di caricarle risolve il problema in pochi secondi, senza installare nessun software.
Perché le foto rallentano il sito (e quanto ti costa davvero)
Nella pratica quotidiana, lavorando sui siti delle PMI italiane, la stessa situazione si ripete spesso: il proprietario carica la foto scattata con lo smartphone direttamente nel CMS, senza alcuna elaborazione. Il file pesa 4-6 MB, ha una risoluzione da 4.000 pixel in larghezza e il sito inizia a caricarsi in cinque, sei secondi. Non aver preso il tempo di ridimensionare le foto prima del caricamento costa caro: Google penalizza, i visitatori se ne vanno.
Non è un problema raro. Secondo i dati di Google PageSpeed Insights, le immagini non ottimizzate sono responsabili di oltre il 50% del peso totale medio di una pagina web: ridimensionare foto prima del caricamento è uno degli interventi più efficaci per invertire la tendenza. Su mobile, dove la connessione è variabile, ogni secondo in più di attesa si traduce in un aumento del tasso di abbandono che può superare il 20%.
Il peso delle immagini e il suo impatto sul caricamento
Il peso di un'immagine dipende da due variabili distinte: le dimensioni in pixel (larghezza × altezza) e la compressione del file (che determina i KB o MB su disco). Si può avere una foto da 1.200 × 800 pixel che pesa 800 KB se salvata male, e una da 1.920 × 1.080 pixel che pesa 150 KB se ottimizzata correttamente. Ridimensionare, quindi, non significa solo rimpicciolire visivamente: significa tagliare via i pixel in eccesso che il browser non userà mai.
Un articolo di blog su un sito standard viene visualizzato in un contenitore che raramente supera i 900 pixel di larghezza. Caricare una foto da 4.000 pixel per riempire quello spazio è come stampare un poster A0 per appendere una fotografia nel formato di un biglietto da visita: sprechi carta, spazio e tempo.
Dimensioni in pixel vs dimensioni in KB: la differenza che conta
Ridurre le dimensioni in pixel è il primo intervento, ma non l'unico. Dopo aver ridimensionato, vale la pena scegliere il formato giusto: JPEG per le fotografie, dove la compressione con perdita è impercettibile all'occhio; PNG per le grafiche con testo o sfondi trasparenti. La differenza tra un JPEG a 85% di qualità e uno al 100% è quasi invisibile sullo schermo, ma il file può pesare il doppio.
Il risultato pratico: un'immagine da blog ottimizzata dovrebbe pesare tra i 50 e i 150 KB. Oltre i 300 KB inizia a diventare un problema. Oltre 1 MB è quasi sempre una foto caricata senza alcun trattamento.
Come ridurre dimensioni foto online con Canva
Canva mette a disposizione uno strumento gratuito per ridimensionare foto direttamente da browser, senza account e senza installazioni. È uno degli strumenti più comodi per chi lavora in ufficio su computer condivisi o preferisce non appesantire il proprio sistema con software dedicati.
Il processo è lineare: si carica l'immagine, si impostano le dimensioni target in pixel o in percentuale, si scarica il risultato. Per chi gestisce un blog o un sito aziendale è un'operazione che si esegue in meno di un minuto per file.
Per capire la differenza nella pratica, abbiamo fatto un test sul campo: una foto di interni scattata in alta qualità, del tipo che si carica normalmente su un sito di un B&B o di uno studio professionale, pesava 1,93 MB con dimensioni di 4.096 × 2.734 pixel. Dopo il ridimensionamento con Canva a 2.048 pixel di larghezza, lo stesso file è sceso a 399 KB, con un risparmio dell'80% sul peso. Lavorando sulla versione a 1.200 pixel, ottimale per un articolo di blog, si arriva a 151 KB, ovvero il 92% in meno rispetto all'originale. La qualità visiva sullo schermo è identica in entrambi i casi.
Come caricare la foto e impostare le dimensioni
Dopo aver aperto lo strumento, si trascina o si seleziona il file dalla propria libreria. Canva mostra subito le dimensioni originali dell'immagine. A quel punto si inseriscono le dimensioni desiderate: si può agire sulla larghezza mantenendo le proporzioni automatiche, oppure impostare larghezza e altezza in modo indipendente per ritagliare l'immagine secondo un rapporto specifico.
Per un'immagine da blog, la larghezza ottimale è in genere tra i 1.200 e i 1.600 pixel: abbastanza per apparire nitida su monitor ad alta risoluzione, senza sprecare peso. Per una thumbnail o un'immagine di anteprima bastano 600-800 pixel. Lo strumento non richiede conoscenze tecniche: si lavora visivamente, si vede subito il risultato e si scarica il file ridimensionato.
Formati disponibili: quando usare JPG e quando PNG
Una volta ridimensionata, Canva permette di scegliere tra svariati formati di esportazione tra cui: JPEG e PNG. La scelta influisce direttamente sul peso finale del file e sulla qualità percepita. Per le fotografie, gli interni, le immagini di prodotto o qualsiasi scatto naturalistico, il formato JPEG è quasi sempre la scelta giusta: la sua compressione è ottimizzata per le gradazioni tonali continue e le perdite sono impercettibili all'occhio a qualità 85%. Per loghi, screenshot, grafiche con testo in sovraimpressione o immagini con sfondo trasparente, il formato PNG preserva i dettagli netti, i bordi definiti e il canale alfa.
Una nota pratica sulla qualità JPEG: Canva permette di regolare il livello di compressione. Impostare una qualità tra l'80 e il 90% produce risultati visivamente identici a quelli del file originale, con un peso che può essere fino alla metà rispetto al 100%. Nelle immagini che abbiamo testato, la differenza tra i due è invisibile sullo schermo, mentre sul caricamento della pagina si vede.
Quali dimensioni usare per il web: misure pratiche
Una delle domande più frequenti che arriva dai clienti in fase di formazione è: a quanti pixel devo ridimensionare le immagini? La risposta dipende da dove l'immagine verrà usata. Non esiste una misura universale, ma esistono intervalli consolidati che funzionano nella maggior parte dei casi.
Il principio di base è semplice: l'immagine deve essere abbastanza grande da sembrare nitida sullo schermo del visitatore, ma non più grande del necessario. Un monitor Full HD ha una larghezza di 1.920 pixel, ma il contenitore di testo di un blog raramente supera i 1.000-1.200 pixel. Tutto ciò che eccede è peso inutile.
Immagini per blog e articoli
Per le immagini di apertura di un articolo (le cosiddette cover image o immagini hero) la dimensione standard è 1.200 × 630 pixel, che corrisponde anche al formato Open Graph usato da Facebook, LinkedIn e WhatsApp per generare le anteprime dei link. Questo significa che la stessa immagine ottimizzata per il blog funzionerà anche quando l'articolo viene condiviso sui social.
Per le immagini inserite nel corpo del testo, 800-1.000 pixel di larghezza sono più che sufficienti nella maggior parte dei layout. Se il tema è responsive e ridimensiona le immagini in automatico, avere un file nativo da 800 pixel è sempre meglio che avere un file da 3.000 pixel che il browser deve ridimensionare in tempo reale a ogni caricamento di pagina.
Immagini per e-commerce e schede prodotto
Per le schede prodotto la logica è leggermente diversa: l'immagine deve essere abbastanza grande da sopportare lo zoom, che molti temi e plugin attivano al passaggio del mouse. In questo caso si lavora tipicamente tra i 1.000 e i 2.000 pixel sul lato lungo, con un rapporto 1:1 (quadrato) o 4:3 a seconda del template.
Il peso target resta comunque sotto i 200 KB per immagine. Con sei o otto immagini per prodotto, la differenza tra file da 800 KB e file da 150 KB si sente immediatamente sulla velocità della pagina, e quindi sul tasso di conversione.
Ridimensionare foto per i social: misure per piattaforma
Per i social le specifiche cambiano da piattaforma a piattaforma, ma alcune misure sono diventate uno standard di fatto. Instagram lavora su un rapporto 1:1 (1.080 × 1.080 pixel) per i post del feed e su 9:16 per le storie. Facebook privilegia il formato 1.200 × 630 pixel per i post con link. LinkedIn usa lo stesso formato di Facebook per gli articoli condivisi.
La pratica più efficiente è produrre l'immagine nella dimensione maggiore necessaria (solitamente la cover del blog a 1.200 × 630 pixel) e ridimensionarla per le singole piattaforme solo quando serve. Avere un file sorgente ottimizzato è il punto di partenza: da lì, qualsiasi adattamento è veloce.
Ridimensionare jpg online e altri formati: vale la stessa regola?
Chi gestisce un sito si trova spesso a lavorare con file in formati diversi: foto degli eventi in JPEG, immagini dello studio grafico in PNG, screenshot in vari formati, talvolta anche file TIFF o HEIC provenienti direttamente dagli iPhone. Il principio di ridimensionamento è identico per tutti i formati: si tratta sempre di ridurre i pixel in eccesso e ottimizzare il peso del file.
Per i file JPEG, ridimensionare jpg online o comprimere foto con uno strumento come quello di Canva è l'opzione più rapida quando non si ha Photoshop o altri software a disposizione. Per i PNG con trasparenza, è importante scegliere un tool che preservi il canale alfa durante il ridimensionamento, altrimenti lo sfondo trasparente viene sostituito da uno sfondo bianco o nero. Canva gestisce correttamente questa casistica.
Per i file HEIC (il formato nativo di iPhone), conviene prima convertirli in JPEG o PNG prima di ridimensionarli, perché non tutti i CMS e non tutti i browser li supportano in modo nativo. Caricare un HEIC su Joomla o WordPress può generare errori o risultati imprevedibili a seconda della versione PHP e delle librerie installate.
L'ottimizzazione immagini come parte di un sito che funziona
L'ottimizzazione delle immagini è uno dei tanti interventi che, da soli, sembrano piccoli, ma sommati fanno la differenza tra un sito che carica in 1,5 secondi e uno che ne impiega 5. Nei progetti seguiti da WebG, l'audit delle immagini è uno degli interventi prioritari nelle analisi tecniche del sito: si trovano regolarmente siti con decine di foto da 3-4 MB caricate direttamente dal telefono, senza alcun trattamento.
Correggere quel tipo di problema non richiede settimane di lavoro: richiede un processo. Stabilire le dimensioni standard per il sito, formare chi si occupa dei contenuti a ridimensionare prima di caricare, e verificare periodicamente che le nuove immagini rispettino le regole. È una di quelle pratiche che, una volta consolidata, smette di costare tempo e inizia a far risparmiare. Rientra, insieme ad altri interventi, nel tipo di lavoro che emerge da una lettura aggiornata di come Google valuta i siti nel 2026.
Se vuoi capire a che punto è il tuo sito, il punto di partenza è un'analisi tecnica che guardi anche alle immagini, non solo ai contenuti.
