Come comprimere immagini per il web (senza perdita di qualità percepita)

Aggiornato 2025-09-01 18 parole • 1m lettura

Guida pratica per ridurre il peso di JPG, PNG e WebP mantenendo la nitidezza percepita e migliorando i Core Web Vitals.

1. Perché comprimere

Il peso delle immagini incide su LCP e velocità. Meno byte = caricamenti più rapidi, SEO e conversioni migliori.

2. Formati consigliati

  • WebP: ottimo bilanciamento qualità/peso.
  • JPEG: foto complesse (qualità 75–85).
  • PNG: solo per trasparenza perfetta.

3. Flusso suggerito

  1. Ridimensionare alla larghezza reale.
  2. Convertire in WebP se utile.
  3. Regolare qualità controllando artefatti.

4. Range pratici

TipoQualitàNote
Foto80Bilanciato
Illustrazioni75Verifica gradienti
Icone/UIWebP @ 70Di solito ok

5. Evitare perdite visibili

  • Confronto affiancato.
  • Individuare artefatti a blocchi / banding.
  • +5% qualità se compaiono artefatti.

6. Flusso Orqui

  1. Ridimensionare
  2. Convertire
  3. Ottimizzare

7. Checklist finale

  • < 250KB hero / 100KB inline.
  • Niente pixel superflui.
  • Formato moderno disponibile.
  • Nessun artefatto percepibile.

Articoli correlati

Altre lingue

FAQ

  • Perché comprimere le immagini?
    Ridurre i byte migliora LCP, velocità percepita, SEO e conversioni.
  • Quale qualità usare?
    Inizia da 80 per foto, 75 per illustrazioni e regola se compaiono artefatti.

Conteggio delle trasformazioni locali che fai qui (convertire, ottimizzare, ridimensionare, ritagliare, rimuovere sfondo). Tutto avviene in privato nel tuo browser.