Le immagini sono spesso il principale responsabile del peso eccessivo di una pagina web. Per gestirle in modo sostenibile, è utile seguire tre principi chiave. Il primo è la riduzione. Prima di inserire un’immagine vale la pena chiedersi: serve davvero all’utente o è solo decorativa? Se non aggiunge valore concreto, è meglio eliminarla senza esitare. Il secondo è la sostituzione. Quando possibile, è preferibile usare alternative più leggere come elementi vettoriali in formato SVG, illustrazioni semplici o pattern generati direttamente in CSS. Stesso risultato visivo, peso decisamente inferiore. Il terzo è l’ottimizzazione. Quando un’immagine è davvero necessaria, bisogna trattarla nel modo giusto: convertirla in formati moderni come WebP o AVIF, comprimerla al massimo e caricarla nelle dimensioni effettive in cui verrà visualizzata. Niente immagini enormi ridimensionate dal browser, è uno spreco inutile di risorse.