{"id":68205,"date":"2025-04-16T07:00:00","date_gmt":"2025-04-16T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=68205"},"modified":"2025-06-11T13:18:05","modified_gmt":"2025-06-11T20:18:05","slug":"come-ottimizzare-le-immagini-per-il-web-usando-squooshapp-it","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-ottimizzare-le-immagini-per-il-web-usando-squooshapp-it\/","title":{"rendered":"Come Ottimizzare le Immagini per il Web Usando Squoosh.app"},"content":{"rendered":"\n

Probabilmente sai gi\u00e0 dell’ottimizzazione delle immagini.<\/p>\n\n\n

\u00c8 progettato per comprimere le foto sul tuo sito, cos\u00ec le pagine non si caricano a velocit\u00e0 glaciali.<\/p>\n\n\n

Fino a ora, hai in qualche modo ignorato l’intera idea. Giusto \u2014 non fa una grande differenza fino a quando il tuo sito non \u00e8 completamente formato.<\/p>\n\n\n

Ma ora \u00e8 arrivato il momento di agire. Il tuo acerrimo nemico… ehm, intendiamo… il tuo concorrente pi\u00f9 vicino sta decisamente battendo il tuo sito nelle guerre delle prestazioni. \u00c8 ora di reagire.<\/p>\n\n\n

Squoosh \u00e8 uno dei migliori strumenti a tua disposizione. \u00c8 gratuito, open source e facile da usare.<\/p>\n\n\n\n\n

\n\t\n\t\t<\/svg>\n\t\t<\/span>\n\t\t<\/svg>\n\t<\/a>\n

Open Source<\/h3>\n

Nello sviluppo software, i progetti open source sono gratuiti e disponibili per chiunque da scaricare, utilizzare, modificare e distribuire. WordPress \u00e8 un ottimo esempio di software open source, anche se non \u00e8 l’unico.<\/p>\n \n Leggi di pi\u00f9 <\/a>\n\n<\/div>\n\n\n

In questa guida, vedremo come utilizzare Squoosh per comprimere immagini e ridurre i tempi di caricamento. Cominciamo!<\/p>\n\n\n

Come Ottimizzare Immagini Con Squoosh in 30 Secondi<\/h2>\n\n\n

Andiamo subito al sodo.<\/p>\n\n\n

Puoi iniziare ad ottimizzare le immagini per il tuo sito molto rapidamente.<\/p>\n\n\n

Vai su https:\/\/squoosh.app<\/a>.<\/p>\n\n\n

Clicca sulla grande macchia rosa in cima alla pagina e seleziona l’immagine che desideri comprimere.<\/p>\n\n\n

\"Interfaccia<\/figure>\n\n\n

Accederai quindi a una schermata di anteprima, con un pannello delle impostazioni in basso a destra.

Qui, puoi scegliere di ridimensionare la tua immagine<\/a>, ridurre la palette di colori, cambiare la qualit\u00e0 e selezionare il tipo di file di output preferito.<\/p>\n\n\n

Sotto, un contatore ti indica quanto pi\u00f9 piccolo sar\u00e0 il tuo nuovo file.<\/p>\n\n\n

\"Interfaccia<\/figure>\n\n\n

Mentre selezioni le diverse opzioni, puoi spostare il cursore al centro dello schermo per vedere l’effetto sulla qualit\u00e0 dell’immagine. A sinistra c’\u00e8 una vista ingrandita della tua immagine originale; a destra \u00e8 presente un’anteprima della tua versione compressa.<\/p>\n\n\n

Sembra buono? Scarica la tua immagine compressa toccando la macchia blu in basso a destra. \u00c8 pronta per essere aggiunta al tuo sito web.<\/p>\n\n\n

Boom, fatto.<\/p>\n\n\n

\"Interfaccia<\/figure>\n\n\n

Suggerimento Pro:<\/strong> Vuoi velocizzare le cose per la prossima immagine? Tocca la piccola icona “ingranaggio” nel pannello di controllo. Questo salver\u00e0 le tue impostazioni attuali come un preset, che potrai caricare in seguito toccando l’altra icona dell’ingranaggio.<\/p>\n\n\n

Conoscere Meglio Squoosh<\/h2>\n\n\n

Questa \u00e8 la versione breve, ma c’\u00e8 molto di pi\u00f9 su Squoosh<\/a>.<\/p>\n\n\n

Questo strumento di compressione delle immagini open-source \u00e8 stato effettivamente sviluppato dal team di Google. \u00c8 disponibile sia come applicazione web che come componente aggiuntivo per Chrome.<\/p>\n\n\n

Se ti senti tecnico, puoi anche scaricare Squoosh da GitHub<\/a> ed eseguirlo offline tramite la riga di comando.<\/p>\n\n\n

Squoosh supporta PNG, JPG, TIFF, GIF e molti altri formati. Ogni versione \u00e8 gratuita e l’app gestisce la compressione localmente. Questo \u00e8 una buona notizia per la privacy, perch\u00e9 le immagini non lasciano mai il tuo dispositivo.<\/p>\n\n\n

\n\n\n

Get Content Delivered Straight to Your Inbox<\/h2>

Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p>

<\/div>