Ottimizzare un’immagine per il Web
Ridimensionare, convertire in WebP e comprimere un’immagine.
A cosa serve questo modello?
Ridimensionare, convertire in WebP e comprimere un’immagine.
Questo modello prepara un’immagine per una pagina web: la riporta a una larghezza ragionevole e la codifica in WebP con qualità regolabile. Il file è spesso molto più leggero di una foto della fotocamera o di uno screenshot PNG, e la pagina si carica più in fretta.
Passaggi della Pipeline
Questo modello concatena automaticamente 4 passaggi nel Workspace. Puoi controllare ogni impostazione prima dell’esecuzione.
- 1Importa un’immagine
- 2Ridimensiona l’immagine
- 3Converti e comprimi
- 4Scarica l’immagine
Perché i passaggi sono in questo ordine
Il ridimensionamento viene prima della conversione: così il codificatore comprime l’immagine alla dimensione finale, più in fretta e con un peso migliore che comprimendo prima e riducendo dopo.
Quando usare questo modello?
- Pubblicare in un articolo di blog una foto larga 4.000 px.
- Alleggerire uno screenshot PNG prima di inserirlo in una documentazione.
- Preparare l’immagine di un prodotto per un negozio online.
Elaborazione locale nel browser
Quando i moduli utilizzati supportano l’elaborazione locale, i file restano sul dispositivo durante l’esecuzione.
Impostazioni da controllare
- Larghezza: 1.600 px predefinita, altezza calcolata per mantenere le proporzioni.
- Formato: WebP predefinito, JPEG o PNG in alternativa; qualità 82 su 100.
- Adattamento: «Contieni» predefinito; «Copri» ritaglia per riempire esattamente larghezza e altezza date.
Esempio
- Prima
- Foto JPEG di 4.032 × 3.024 px, 3,8 MB.
- Dopo
- WebP di 1.600 × 1.200 px, in genere qualche centinaio di kilobyte a seconda del soggetto.
Limiti da conoscere
- Un’immagine più stretta della larghezza richiesta viene ingrandita e perde nitidezza: abbassa la larghezza per queste immagini.
- Il PNG ignora l’impostazione di qualità: resta senza perdita e spesso pesante per una foto.
- Il peso finale dipende dal contenuto: un’immagine molto dettagliata resta più pesante di una a tinte piatte.