Una guida a Squoosh.App di Google

Hai bisogno di comprimere e ottimizzare le immagini sul tuo sito web per migliorare le prestazioni del sito? Lo strumento di compressione delle immagini di Google Squoosh.App potrebbe essere un'ottima opzione per te. In questo articolo, esamineremo cos'è Squoosh, come usarlo e come potrebbe aiutare i proprietari di siti Web a ottimizzare i loro siti Web per fornire la migliore esperienza possibile ai loro utenti.

Cos'è Squoosh.App?

Squoosh.App di Google è un'app di compressione delle immagini open source creata da GoogleChromeLabs. Squoosh è basato su browser e progettato specificamente per comprimere immagini di grandi dimensioni per un caricamento più rapido su qualsiasi browser web. L'app è gratuita per chiunque e funziona sia online che offline in tutti i principali browser come Chrome, Firefox e Safari.

Squoosh viene eseguito su GitHub come parte di un più ampio progetto esplorativo volto all'ottimizzazione del sito web. Poiché le immagini di grandi dimensioni ad alta risoluzione possono rallentare il caricamento del sito e far parte dei core più bassi su vari Core Web Vital, Google ha puntato ad aiutare i proprietari di siti Web a comprimere le loro immagini per prestazioni del sito migliori e velocità di navigazione ottimali.

La schermata Squoosh è divisa in modo che gli utenti possano vedere i risultati prima e dopo della compressione dell'immagine. Questo strumento ti offre un'anteprima delle differenze spesso trascurabili, se non percettibili, tra l'immagine originale e quella compressa. Tuttavia, le immagini che sono state compresse e ottimizzate per la velocità contribuiscono a tempi di caricamento più rapidi e a una migliore esperienza utente. Potrebbero anche aiutare a migliorare il tuo posizionamento SEO.

La compressione di un'immagine in Squoosh è semplice e veloce e gli utenti possono scaricare le loro immagini compresse subito dopo averle modificate. Ora, diamo un'occhiata a come utilizzare l'app.

Come usare Squoosh.App

Vuoi comprimere un'immagine in Squoosh? È un processo semplice e intuitivo, semplice come caricare, modificare e salvare l'immagine ottimizzata per il Web.

Innanzitutto, apri una nuova finestra del browser e vai a https://squoosh.app/.

Successivamente, puoi caricare o trascinare la tua immagine nell'editor. (Non sarai in grado di lavorare in batch, sfortunatamente, quindi scegli un'immagine alla volta.)

L'immagine precedente si trova sul lato sinistro della barra di scorrimento, con l'immagine successiva a destra. Ingrandisci e rimpicciolisci usando lo strumento zoom in basso al centro dello schermo.

In alternativa, puoi scegliere una delle immagini fornite nella parte inferiore dello schermo per vedere come funziona l'editor.

Dopo aver caricato l'immagine, puoi iniziare a modificarla utilizzando l'interfaccia del browser. Il cursore di confronto ti mostrerà la differenza tra l'immagine originale e l'immagine compressa in modo da poter mantenere il livello di qualità dell'immagine di cui hai bisogno per il tuo progetto.

La casella Comprimi nell'angolo in basso a sinistra dello schermo mostra l'immagine originale per impostazione predefinita. È possibile utilizzare il menu a discesa per visualizzare diverse opzioni dell'immagine:

• AVIF
• Browser JPEG
• Browser PNG
• JPEG XL (beta)
• MozJPEG
• OxiPNG
• Web P
• WebP v2 (instabile)

Modifica della tua immagine in Squoosh

Nella parte in basso a destra dello schermo, vedrai il menu Modifica. Se scegli di ridimensionare l'immagine o di ridurre la tavolozza dei colori dell'immagine, puoi selezionare queste opzioni per visualizzare un menu espanso.

Quando si tratta di ridimensionare la tua immagine con Squoosh, hai una serie di variabili da attivare. Puoi:

• Scegli un metodo specifico e un predefinito per il ridimensionamento
• Reimposta manualmente la larghezza e l'altezza dell'immagine
• Scegli se mantenere l'RGB lineare e le proporzioni
• Scegli se premoltiplicare o meno il canale alfa

Inoltre, puoi scegliere se vuoi ridurre la tavolozza dei colori della tua immagine per migliorare le prestazioni del sito web. Usa le barre di scorrimento sotto l'intestazione Riduci tavolozza per ridurre i colori e il dithering.

Successivamente, è il momento di comprimere la tua immagine. Puoi scegliere una delle tre opzioni:

• OptiPNG, un convertitore PNG utilizzato per immagini originali nei formati TIFF, BMP, PNG, GIF e PNM (un'altra forma di immagine bitmap). Questa opzione comprime e ottimizza le immagini senza compromettere le informazioni.
• MozJPEG, un convertitore PNG per immagini originali nei formati JPG, BMP e PPM. Questo metodo comprime i file JPEG mantenendo sia la compatibilità che la qualità.
• WebP, un metodo di compressione sviluppato da Google che sfrutta la compressione lossless e lossy. Le immagini WebP sono incredibilmente SEO-friendly.

Si noti che qui, anche con una qualità dell'immagine del 75% dopo la compressione, l'immagine compressa sembra ancora quasi identica all'originale.

Per gli utenti avanzati, espandi Impostazioni avanzate per regolare i canali, la quantizzazione e altro.

Al termine, fai clic sul pulsante Download nell'angolo in basso a destra dello schermo per salvare il file modificato.

Come Squoosh si confronta con strumenti simili

Sono disponibili più strumenti di compressione delle immagini per piattaforme e usi diversi. Quando selezioni uno strumento di compressione delle immagini, vorrai essere sicuro che sia adatto ai tuoi usi. Alcuni strumenti con funzionalità simili a Squoosh sono solo per uso personale (non commerciale), a pagamento o solo per app scaricabili realizzate per dispositivi specifici.

Tieni presente che ti consigliamo di selezionare uno strumento che non sacrifichi la qualità delle tue immagini. Quando analizzi le tue opzioni, ti consigliamo di controllare la qualità dell'immagine dello strumento dopo la compressione.

Uno dei concorrenti Squoosh più consigliati è Caesium, un'app di compressione delle immagini open source gratuita. Cesium è sia basato su browser che scaricabile, quindi gli utenti possono decidere come sfruttarlo al meglio. In alternativa, l'API ImageOptim funziona in modo simile, con un abbonamento a pagamento a partire da $ 12,00 USD al mese.

Puoi anche trovare plug-in WordPress disponibili che soddisfano anche le esigenze di compressione delle immagini. ShortPixel e Smush sono strumenti che possono automatizzare la compressione delle immagini. Per gli utenti di WordPress che desiderano una soluzione all-in-one senza uscire dalla dashboard, un plug-in come questo potrebbe essere un'ottima opzione.

Squoosh non vanta il batch di immagini o le opzioni di automazione di altre app. Tuttavia, la sua capacità di comprimere un'immagine mantenendo una qualità impeccabile è un vantaggio incredibilmente importante. In definitiva, sta a te scegliere lo strumento giusto per le tue esigenze.

Conclusione

L'ottimizzazione delle immagini e l'accelerazione dei tempi di caricamento del sito Web sono di fondamentale importanza sia per i visitatori del sito che per le classifiche SEO. Squoosh.app ti aiuta a comprimere con successo le immagini del tuo sito web mantenendo un'alta qualità. Questo è un grande vantaggio, soprattutto perché i proprietari di siti comprendono l'importanza di bellissimi siti Web che si caricano rapidamente. Il più grande svantaggio, tuttavia, è l'impossibilità di elaborare in batch le immagini. Se questo non è un rompicapo, Squoosh è una scelta piuttosto solida.

Hai usato Squoosh? O suona come uno strumento che potresti provare? Fateci sapere le vostre esperienze nei commenti!

Immagine in primo piano tramite Overearth / shutterstock.com