Una buona immagine deve essere pertinente, leggibile e adatta al dispositivo. L’ottimizzazione riguarda il file, il contesto e le informazioni che accompagnano la fotografia.
Scegliere prima di comprimere
Parti dal compito dell’immagine: mostrare un prodotto, spiegare una fase o creare atmosfera. Una foto generica ben compressa può restare poco utile. Verifica che rappresenti l’offerta attuale e che il suo impiego sia autorizzato. Per una pagina servizio scegli dettagli che aiutino a capire il lavoro. Conserva gli originali separati dalle versioni web: serviranno per produrre ritagli diversi senza lavorare su file già ridotti più volte.
Esportare alla dimensione necessaria
Un’immagine molto più grande dello spazio occupato può trasferire dati inutili. Prepara dimensioni adatte ai diversi impieghi e confronta il risultato sullo schermo reale, soprattutto per scritte e dettagli. WebP e AVIF sono opzioni per molte fotografie, ma la scelta va verificata nel sistema utilizzato e nei browser supportati. Per loghi e illustrazioni vettoriali può essere opportuno mantenere SVG. Non esiste un peso universale che renda ogni immagine corretta.
Scrivere alternative testuali pertinenti
Il testo alternativo descrive l’informazione rilevante nel contesto, non una lista di parole chiave. Secondo le indicazioni W3C, immagini informative, decorative e funzionali richiedono trattamenti diversi. Se una foto mostra un dettaglio necessario a comprendere il prodotto, descrivilo. Se ripete soltanto una decorazione già irrilevante per il contenuto, un’alternativa vuota può essere appropriata. Nei collegamenti grafici considera invece la funzione, così la destinazione risulta comprensibile.
Controllare caricamento e stabilità
Specifica le dimensioni delle immagini per aiutare il browser a riservare spazio ed evita caricamenti tardivi del visual principale quando deve essere visibile subito. Le immagini fuori schermo possono usare caricamento differito quando appropriato. Prova la pagina con una connessione meno veloce: il testo arriva prima? I pulsanti si spostano mentre stai per premerli? Controlla anche che gli URL dei file funzionino, che non compaiano immagini deformate e che la compressione non renda il contenuto incomprensibile.
Con GMP puoi inquadrare questo lavoro nel servizio di realizzazione di siti web, definendo attività e responsabilità sul progetto. Per approfondire, leggi anche la guida collegata.
Riferimenti utili
Domande frequenti
Il nome del file di una fotografia deve contenere molte parole chiave?
Usa un nome breve e descrittivo che aiuti a riconoscere il soggetto. Accumulare varianti di ricerca non sostituisce pertinenza, qualità e buon contesto nella pagina.
Tutte le immagini del sito devono avere un testo alternativo descrittivo?
No. Il trattamento dipende dalla funzione: una decorazione può avere alternativa vuota, mentre una fotografia informativa o un’immagine collegata richiede un testo adeguato al contesto.
