Le immagini Web occupano la maggior parte del tempo di download nella maggior parte delle pagine web. Ma se ottimizzi le tue immagini web avrai un sito di caricamento più veloce. Ci sono molti modi per ottimizzare una pagina web. L'unico modo per migliorare la tua velocità è rendere la tua grafica il più piccola possibile.
Una buona regola empirica è cercare di mantenere le singole immagini non più grandi di 12 KB e la dimensione totale della pagina Web, comprese tutte le immagini, HTML, CSS e JavaScript, non deve superare i 100 KB e in modo ottimale non più di 50 KB.
Per rendere la tua grafica il più piccola possibile, devi avere un software di grafica per modificare le tue immagini. È possibile ottenere un editor di grafica o utilizzare uno strumento online come Photoshop Express Editor.
Ecco alcuni suggerimenti per valutare le tue immagini e renderle più piccole:
L'immagine è nel formato giusto?
Esistono solo tre formati di immagine per il Web: GIF, JPG e PNG. E ognuno ha uno scopo specifico.
- GIF-Utilizzare il formato GIF per immagini a colori piatte. Queste sono immagini con pochi colori.
- JPG-Utilizzare il formato JPG per le immagini fotografiche. Queste sono immagini con milioni di colori.
- PNG-Utilizzare il formato PNG se non è necessario visualizzare le immagini sui dispositivi mobili. Sono buoni sia per il colore piatto che per le immagini fotografiche. È meglio salvare le immagini sia in formato PNG sia in formato JPG o GIF e quindi utilizzare la versione più piccola.
Quali sono le dimensioni dell'immagine?
Un modo semplice per rendere le tue immagini più piccole è fare proprio questo, renderle più piccole. La maggior parte delle fotocamere scatta foto molto più grandi di quanto la pagina web media possa visualizzare. Modificando le dimensioni a circa 500 x 500 pixel o più piccole, creerai un'immagine più piccola.
L'immagine è ritagliata?
La prossima cosa che dovresti fare è assicurarti che l'immagine sia ritagliata il più strettamente possibile. Più taglierai l'immagine più piccola sarà. Il ritaglio aiuta anche a definire il soggetto dell'immagine rimuovendo sfondi estranei.
Quanti colori usa il tuo GIF?
Le GIF sono immagini a colori piatte e includono un indice dei colori presenti nell'immagine. Tuttavia, un indice GIF può includere più colori di quelli effettivamente visualizzati. Riducendo l'indice solo ai colori dell'immagine, è possibile ridurre le dimensioni del file.
A quale impostazione di qualità è impostato il tuo JPG?
I JPG hanno un'impostazione di qualità dal 100% fino allo 0%. Più piccola è l'impostazione di qualità, minore sarà il file. Ma fa attenzione. La qualità influisce su come appare l'immagine. Quindi scegli un'impostazione di qualità che non sia troppo brutta, pur mantenendo le dimensioni del file basse.
