Se apri la libreria media del tuo sito WordPress e trovi file con nomi come DSC10061.jpg, IMG_4829.png o WhatsApp Image 2026..., con ogni probabilità hai individuato il motivo per cui le tue pagine caricano a rilento.
Le fotocamere professionali e gli smartphone moderni scattano a definizioni elevatissime, pensate per la stampa o per consentire ritagli spinti in post-produzione. Sul web, quella risoluzione è un danno puro.
Il risultato tipico? Una foto da 4 o 5 MB piazzata a metà articolo, dove basterebbe un file da 120 KB con una resa visiva identica all’occhio umano.
Il mito dei DPI e l'errore delle dimensioni via codice
Molti pensano ancora che basti “salvare a 72 DPI” per alleggerire una foto. È un falso mito: gli schermi digitali ignorano i DPI (che servono solo alle stampanti per sapere quanti punti stampare per pollice di carta).
Ciò che conta sul web sono solo due cose:
I pixel effettivi (larghezza × altezza);
Il peso in kilobyte del file compresso.
L’errore più comune è prendere una fotografia da 4000×3000 pixel, caricarla così com’è su WordPress e poi rimpicciolirla graficamente tramite l’editor o le regole CSS per farla stare in un riquadro da 600 pixel.
Visivamente sembra corretta. Ma il browser dell’utente deve comunque scaricare tutti i 4000 pixel e l’intero peso originale del file prima di poterla mostrare. Se quell’utente naviga da smartphone sotto una copertura di rete non ottimale, l’attesa diventa insostenibile — con tutti i danni di traffico e posizionamento che ne conseguono (come ho spiegato parlando di perché un caricamento sopra i 3 secondi fa scappare i visitatori).
Anche se WordPress genera in automatico formati intermedi, se il file d’origine è enorme la libreria si intasa, il server lavora il triplo e l’errore di impaginazione è dietro l’angolo.
La regola del peso complessivo
Il peso ideale per un’intera pagina web — compresi testi, stili, script e grafiche — dovrebbe rimanere entro 1,5 o 2 MB complessivi per garantire un caricamento fluido.
Se carichi una singola immagine da 3 MB, hai già sforato l’intero budget di peso prima ancora di contare il resto del sito. Stai sabotando la struttura con un singolo click.
La routine in 3 passaggi prima di cliccare "Carica"
Bastano due minuti prima di ogni caricamento per evitare di trascinarsi dietro zavorre digitali:
Rinomina il file: Elimina i codici alfanumerici della fotocamera. Usa un nome descrittivo con parole separate da trattini (es.
consulenza-web-design-brescia.jpg). Aiuta l’ordine del server e offre un indizio chiaro a Google per l’indicizzazione delle immagini.Ridimensiona ai pixel massimi di utilizzo: Se l’immagine occuperà mezza colonna, non serve superare gli 800 o 1000 pixel di larghezza. Se fa da sfondo all’intera testata (hero section), raramente servono più di 1920 pixel.
Comprimi ed esporta in formati moderni: Prima di caricare il file, passalo attraverso strumenti di compressione (come TinyPNG o Squoosh). Meglio ancora: convertilo nel formato WebP o AVIF, che offrono una qualità visiva straordinaria riducendo il peso del file del 30-40% rispetto al classico JPG.
Disciplina tecnica al servizio del risultato
La differenza tra un sito amatoriale e uno professionale si vede in questi dettagli invisibili. Curare le risorse grafiche significa consegnare pagine scattanti, rispettare la connessione di chi naviga ed evitare penalizzazioni algoritmiche.
Se gestire ridimensionamenti, formati di compressione e l’infrastruttura tecnica del tuo sito non è tra le tue priorità quotidiane, scrivimi pure da qui: me ne occupo io in fase di sviluppo e manutenzione, così il tuo sito resta leggero senza che tu debba pensarci.
