Francesco D'Agostino
Digital Designer

Come ridimensionare e convertire immagini in webp

Squoosh.app è uno strumento che consente di ridimensionare, comprimere e riesportare in diversi formati le tue immagini.

Squoosh consente di:

  • Ridimensionare le immagini
  • Comprimere le immagini attraverso l’uso di diversi algoritmi (questo utilizzo non è coperto dalla guida che segue)
  • Esportare le immagini in diversi formati tra cui AVIF, JPEG, PNG e – quello che ci interessa qui – WEBP.

Pro e contro di Squoosh

ProContro
GratuitoNon è possibile caricare più immagini insieme
Si utilizza all’interno del browser – non è necessario installare un’altra app
Lavora localmente, non è necessario effettuare l’upload delle immagini online
Possibilità di vedere in tempo reale i cambiamenti ed evitare eventuali difetti sull’immagine dovuti alla compressione.

Ridimensionare e esportare in webp le immagini usando Squoosh – i miei parametri consigliati

Segue una breve guida con i parametri che consiglio, in particolare per l’utilizzo su piattaforma WordPress.

La prima cosa da fare è aprire l’immagine trascinandola all’interno della schermata.

Si aprirà quindi una schermata divisa in 3 sezioni:

  • Al centro i controlli per l’anteprima dell’immagine: zoom, rotazione e colore di sfondo.
  • A sinistra si vede l’immagine originale
  • A destra si vede l’immagine da modificare e i relativi controlli.

In questa schermata, cliccando sul menù a tendina (2.) è possibile selezionare il formato in cui si desidera esportare l’immagine. Qui è possibile selezionare WEBP. (3.)

Dopo aver scelto il formato è possibile ridurre l’immagine alle dimensioni desiderate.

Per l’utilizzo su piattaforma WordPress solitamente si riduce la dimensione più grande a 2560px che è la dimensione massima supportata da WordPress di default.

Una volta settati tutti i parametri è possibile scaricare l’immagine cliccando sul pulsante (6.) in basso a destra.

Autore:
Francesco D'Agostino
Designer di Torino. Realizzo interfacce e grafiche per siti web. Amo la tecnologia, il design, la stampa 3D e la sintesi.
Commenti:
Articoli consigliati: