Secondo Google, le immagini sono nella media50โ70% del peso della pagina. L'ottimizzazione delle immagini รจ il modo piรน semplice per velocizzare il tuo sito e migliorare il SEO senza riscrivere il codice.
Passaggio 1: scegli il formato giusto
Diversi formati sono adatti a diversi tipi di immagini:
- JPEGโ foto e immagini complesse con sfumature
- PNGโ immagini con trasparenza, screenshot, loghi
- WebPโ formato moderno, piรน piccolo del 25-35% rispetto al JPEG con la stessa qualitร
- SVGโ icone e semplici illustrazioni vettoriali
UsaloConvertitore di immaginiper convertire tra formati.
Passaggio 2: ridimensiona prima del download
Non caricare un'immagine da 4000x3000px se viene visualizzata in un blocco da 800px. ApprofittaRidimensionatore di immagini:
- Scarica l'immagine originale
- Specificare la larghezza di destinazione in pixel
- Seleziona "Mantieni proporzioni"
- Scarica il risultato
Passaggio 3: comprimi l'immagine
Compressore di immaginisu Xuvero applica una compressione intelligente che riduce le dimensioni del file di30-70%con una perdita di qualitร quasi impercettibile.
Livelli di qualitร JPEG ottimali: 75-85% per il web, 85-95% per portfolio e presentazioni.
Passaggio 4: aggiungi una favicon
Non dimenticare la favicon: una piccola icona nella scheda del browser.Generatore di faviconcreerร una serie di icone in tutte le dimensioni richieste (16ร16, 32ร32, 192ร192, 512ร512) da un'immagine caricata.
Lista di controllo per l'ottimizzazione delle immagini
- โ Il formato corrisponde al tipo di immagine
- โ La dimensione non supera i 1920px di larghezza
- โ Dimensioni del file inferiori a 200 KB per le immagini del blog
- โ L'attributo alt รจ riempito
- โ
Viene utilizzato il caricamento lento (
loading="lazy")
Risultato
Una corretta ottimizzazione delle immagini puรฒ accelerare il caricamento della pagina di 2-3 volte. Inizia ora: tutti gli strumenti per le immagini sono disponibili gratuitamente su Xuvero.
