{"id":126772,"date":"2025-06-16T09:00:00","date_gmt":"2025-06-16T07:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=126772"},"modified":"2025-10-30T20:20:30","modified_gmt":"2025-10-30T19:20:30","slug":"webp-wordpress","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/webp-wordpress\/","title":{"rendered":"WebP WordPress: come usare immagini pi\u00f9 leggere e veloci sul tuo sito"},"content":{"rendered":"\n<p>L&#8217;importanza della <strong>relazione tra il formato WebP e WordPress<\/strong> nasce da un&#8217;esigenza che, negli ultimi anni, \u00e8 diventata sempre pi\u00f9 prioritaria: le immagini, infatti, sono ormai una parte fondamentale della comunicazione digitale. I componenti visivi di una pagina web hanno tantissime funzioni: rendono i contenuti pi\u00f9 piacevoli da vedere, aiutano a raccontare una storia e attirano l\u2019attenzione dell\u2019utente. Ma hanno anche un lato critico: se non sono ottimizzate, possono rallentare il caricamento delle pagine e compromettere l\u2019esperienza di navigazione.<\/p>\n\n\n\n<p>Una delle soluzioni pi\u00f9 efficaci per <strong>migliorare le prestazioni<\/strong> di un sito WordPress \u00e8 <strong>usare immagini nel formato WebP<\/strong>, un formato moderno che consente di ridurre il peso dei file senza compromettere la qualit\u00e0. In questo articolo vedremo come funziona il WebP e come usarlo facilmente su WordPress, anche se non hai grande dimestichezza con la materia.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-il-formato-web-p-e-perche-e-utile-su-word-press\">Cos\u2019\u00e8 il formato WebP e perch\u00e9 \u00e8 utile su WordPress<\/a><ul><li><a href=\"#versione-di-word-press-troppo-vecchia\">Versione di WordPress troppo vecchia<\/a><\/li><li><a href=\"#tema-non-aggiornato-o-non-compatibile\">Tema non aggiornato o non compatibile<\/a><\/li><li><a href=\"#configurazioni-server-limitanti\">Configurazioni server limitanti<\/a><\/li><\/ul><\/li><li><a href=\"#come-convertire-immagini-jpeg-e-png-in-web-p\">Come convertire immagini JPEG e PNG in WebP<\/a><ul><li><a href=\"#strumenti-online-gratuiti\">Strumenti online gratuiti<\/a><\/li><li><a href=\"#programmi-da-installare-sul-computer\">Programmi da installare sul computer<\/a><\/li><\/ul><\/li><li><a href=\"#web-p-word-press-i-migliori-plugin\">WebP WordPress: i migliori plugin<\/a><ul><li><a href=\"#ewww-image-optimizer\">EWWW Image Optimizer<\/a><\/li><li><a href=\"#short-pixel-image-optimizer\">ShortPixel Image Optimizer<\/a><\/li><li><a href=\"#imagify\">Imagify<\/a><\/li><li><a href=\"#web-p-express\">WebP Express<\/a><\/li><li><a href=\"#smush\">Smush<\/a><\/li><\/ul><\/li><li><a href=\"#come-abilitare-la-visualizzazione-delle-immagini-web-p\">Come abilitare la visualizzazione delle immagini WebP<\/a><\/li><li><a href=\"#come-verificare-che-le-immagini-web-p-siano-attive\">Come verificare che le immagini WebP siano attive<\/a><ul><li><a href=\"#ispezione-del-browser-strumenti-per-sviluppatori\">Ispezione del browser (strumenti per sviluppatori)<\/a><\/li><li><a href=\"#page-speed-insights\">PageSpeed Insights<\/a><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-il-formato-web-p-e-perche-e-utile-su-word-press\">Cos\u2019\u00e8 il formato WebP e perch\u00e9 \u00e8 utile su WordPress<\/h2>\n\n\n\n<p>WebP \u00e8 un formato di immagine sviluppato da Google che consente di ottenere file pi\u00f9 leggeri rispetto ai tradizionali <a href=\"https:\/\/supporthost.com\/it\/jpeg-vs-jpg\/\">JPEG\/JPG<\/a> o PNG. A parit\u00e0 di qualit\u00e0 visiva, le immagini WebP possono pesare fino al 30-40% in meno. Questo significa:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/supporthost.com\/it\/velocita-sito-web\/\">siti pi\u00f9 veloci<\/a><\/strong>, perch\u00e9 le pagine caricano pi\u00f9 rapidamente;<\/li>\n\n\n\n<li><strong>risparmio di banda<\/strong>, utile sia per chi gestisce il sito che per chi lo visita da mobile;<\/li>\n\n\n\n<li><strong>miglior posizionamento su Google<\/strong>, perch\u00e9 la velocit\u00e0 \u00e8 un <a href=\"https:\/\/supporthost.com\/it\/seo-wordpress\/\">fattore di ranking SEO<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>Il formato \u00e8 ormai supportato dalla quasi totalit\u00e0 dei browser moderni, quindi \u00e8 sicuro da usare nella maggior parte dei casi. Se vuoi saperne di pi\u00f9 sulle caratteristiche tecniche e sulle differenze con altri formati, abbiamo preparato un approfondimento dedicato al confronto fra i <a href=\"https:\/\/supporthost.com\/it\/avif-vs-webp\/\">formati moderni AVIF vs WebP<\/a> che ti consigliamo di leggere.<\/p>\n\n\n\n<p>Il supporto al formato WebP \u00e8 stato introdotto nativamente in WordPress a partire dalla <strong>versione 5.8<\/strong>, rilasciata nel <strong>2021<\/strong>. Da questa versione in poi, gli utenti possono caricare immagini con estensione <code>.webp<\/code> nella <a href=\"https:\/\/supporthost.com\/it\/libreria-media-wordpress\/\">Libreria Media<\/a>, utilizzarle negli articoli o nelle pagine, e visualizzarle normalmente all\u2019interno del sito, senza dover installare plugin o intervenire nel codice.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wordpress-58-1024x576.png\" alt=\"Wordpress 5.8\" class=\"wp-image-126796\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wordpress-58-1024x576.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wordpress-58-300x169.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wordpress-58-768x432.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wordpress-58-112x63.png 112w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wordpress-58.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ci sono tuttavia alcuni aspetti da tenere in considerazione per assicurarsi che tutto funzioni correttamente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"versione-di-word-press-troppo-vecchia\">Versione di WordPress troppo vecchia<\/h3>\n\n\n\n<p>Se il tuo sito utilizza una versione di WordPress precedente alla 5.8, il caricamento diretto di file WebP non \u00e8 supportato nativamente. In questo caso, quando provi a caricare un&#8217;immagine in formato <code>.webp<\/code>, potresti ricevere un messaggio di errore del tipo \u201c<strong>Questo tipo di file non \u00e8 permesso per motivi di sicurezza<\/strong>\u201d.<\/p>\n\n\n\n<p>Per risolvere il problema hai due possibilit\u00e0: aggiornare WordPress all\u2019ultima versione disponibile (<strong>opzione consigliata<\/strong> per motivi di sicurezza e compatibilit\u00e0) oppure usare un plugin che abiliti il caricamento del formato WebP.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"tema-non-aggiornato-o-non-compatibile\">Tema non aggiornato o non compatibile<\/h3>\n\n\n\n<p>Anche se WordPress supporta il WebP, il tuo <strong>tema attivo potrebbe non essere pronto a gestire correttamente questo formato<\/strong>. Alcuni temi, soprattutto quelli sviluppati diversi anni fa o non pi\u00f9 mantenuti, utilizzano funzioni che forzano l\u2019uso di formati tradizionali come JPEG o PNG. Questo pu\u00f2 causare problemi nella visualizzazione delle immagini WebP, ad esempio con slider, gallerie o anteprime.<\/p>\n\n\n\n<p>In casi come questi, potresti notare che le immagini WebP non vengono mostrate correttamente o che il sito continua a caricare le versioni originali. La soluzione pu\u00f2 essere aggiornare il tema se disponibile, oppure utilizzare un plugin per la gestione delle immagini che <strong>forzi il rendering in WebP anche in presenza di limitazioni del tema<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"configurazioni-server-limitanti\">Configurazioni server limitanti<\/h3>\n\n\n\n<p>Infine, \u00e8 possibile che sia il tuo server a impedire il corretto utilizzo delle immagini WebP. Alcuni provider di hosting (soprattutto quelli pi\u00f9 economici o datati) <strong>non hanno configurato correttamente il supporto MIME per i file <code>.webp<\/code><\/strong>, e questo pu\u00f2 causare errori sia nel caricamento che nella visualizzazione delle immagini.<\/p>\n\n\n\n<p>In pratica, anche se WordPress \u00e8 pronto e il tuo tema lo consente, il server potrebbe non riconoscere il formato come valido, impedendo al browser di mostrare l\u2019immagine. Per risolvere, spesso basta aggiungere una riga nel file <code>.htaccess<\/code> per istruire Apache a riconoscere il WebP, soluzione che puoi gestire richiedendo il supporto del tuo hosting per farti aiutare.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-convertire-immagini-jpeg-e-png-in-web-p\">Come convertire immagini JPEG e PNG in WebP<\/h2>\n\n\n\n<p>Per utilizzare immagini WebP sul tuo sito, \u00e8 necessario convertirle da formati pi\u00f9 comuni come JPEG e PNG. Esistono diversi metodi, adatti a diversi livelli di esperienza e necessit\u00e0.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"strumenti-online-gratuiti\">Strumenti online gratuiti<\/h3>\n\n\n\n<p>Se hai poche immagini da convertire, puoi usare uno strumento online. Funzionano direttamente dal browser, senza bisogno di installare nulla. Basta caricare il file, scegliere il formato di destinazione e scaricare il risultato.<\/p>\n\n\n\n<p>Ne abbiamo gi\u00e0 parlato nel nostro <a href=\"https:\/\/supporthost.com\/it\/strumenti-per-ottimizzare-immagini\/\">articolo dedicato ai migliori strumenti per ottimizzare le immagini<\/a>. Qui ti riportiamo giusto i tre pi\u00f9 semplici da usare, a nostro avviso:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/squoosh.app\/\" rel=\"noopener\">Squoosh<\/a><\/strong>: sviluppato da Google, permette di confrontare qualit\u00e0 e peso in tempo reale;<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/cloudconvert.com\/\" rel=\"noopener\">CloudConvert<\/a><\/strong>: supporta molti formati e offre buoni risultati anche nella versione gratuita;<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/convertio.co\/it\/\" rel=\"noopener\">Convertio<\/a><\/strong>: interfaccia intuitiva, utile per conversioni rapide.<\/li>\n<\/ul>\n\n\n\n<p>Questi strumenti sono perfetti per chi ha poche immagini da convertire, ma diventano scomodi se il numero di file \u00e8 elevato.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"programmi-da-installare-sul-computer\">Programmi da installare sul computer<\/h3>\n\n\n\n<p>Se per\u00f2 hai a che fare con molte immagini, una soluzione pi\u00f9 pratica per te potrebbe essere quella di installare dei software sul tuo pc, in modo da avere maggiore controllo sul processo. Ad esempio:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>GIMP<\/strong> (gratuito): permette di esportare direttamente in WebP.<\/li>\n\n\n\n<li><strong>Photoshop<\/strong>: con l\u2019uso di plugin come WebPShop, consente la gestione del formato WebP.<\/li>\n\n\n\n<li><strong>cwebp<\/strong>: strumento da riga di comando per conversioni automatizzate, adatto a chi ha familiarit\u00e0 con terminali o script.<\/li>\n<\/ul>\n\n\n\n<p>Questi strumenti sono pi\u00f9 indicati per chi ha dimestichezza con l\u2019editing e vuole una gestione pi\u00f9 flessibile delle immagini.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"web-p-word-press-i-migliori-plugin\">WebP WordPress: i migliori plugin<\/h2>\n\n\n\n<p>Se preferisci non uscire mai dal tuo pannello WordPress e desideri automatizzare la conversione delle immagini la soluzione migliore \u00e8 installare un plugin, cos\u00ec da semplificare al massimo l\u2019utilizzo del formato WebP sul tuo sito WP. I plugin possono occuparsi automaticamente della <strong>conversione delle immagini<\/strong>, della <strong>compatibilit\u00e0 con i browser<\/strong>, e persino della <strong>gestione della cache<\/strong>, senza bisogno di interventi manuali.<\/p>\n\n\n\n<p>Vediamo ora i plugin pi\u00f9 efficaci, sia gratuiti che premium, con una panoramica delle loro funzionalit\u00e0 e di come utilizzarli.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ewww-image-optimizer\">EWWW Image Optimizer<\/h3>\n\n\n\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/\" rel=\"noopener\">EWWW Image Optimizer<\/a><\/strong> \u00e8 uno dei plugin pi\u00f9 longevi e affidabili per l\u2019ottimizzazione delle immagini su WordPress. \u00c8 adatto sia a principianti che a utenti pi\u00f9 esperti, grazie a un\u2019interfaccia semplice e numerose impostazioni personalizzabili. Tra le funzionalit\u00e0 principali ti segnaliamo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>conversione automatica in WebP al momento del caricamento delle immagini;<\/li>\n\n\n\n<li>conversione retroattiva delle immagini gi\u00e0 presenti nella libreria (molto comoda per siti gi\u00e0 avviati!);<\/li>\n\n\n\n<li>compressione senza perdita di qualit\u00e0 visiva;<\/li>\n\n\n\n<li>supporto al <a href=\"https:\/\/supporthost.com\/it\/lazy-load-wordpress\/\">lazy load<\/a> (caricamento differito);<\/li>\n\n\n\n<li>fallback automatico per browser che non supportano WebP.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1013\" height=\"560\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-wordpress-plugin-ewww-image-iptimizer.png\" alt=\"Webp WordPress Plugin Ewww Image Iptimizer\" class=\"wp-image-126776\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-wordpress-plugin-ewww-image-iptimizer.png 1013w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-wordpress-plugin-ewww-image-iptimizer-300x166.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-wordpress-plugin-ewww-image-iptimizer-768x425.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-wordpress-plugin-ewww-image-iptimizer-114x63.png 114w\" sizes=\"auto, (max-width: 1013px) 100vw, 1013px\" \/><\/figure>\n\n\n\n<p>EWWW Image Optimizer \u00e8 disponibile <strong>sia in versione gratuita che a pagamento<\/strong>, con le seguenti differenze:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>gratis<\/strong>: include le funzioni principali, come la conversione automatica e la gestione delle immagini WebP;<\/li>\n\n\n\n<li><strong>a pagamento<\/strong> a partire da circa 8$\/mese, sia con piani mensili che annuali: offre compressione pi\u00f9 potente, supporto CDN, backup automatico e maggiore controllo sulla qualit\u00e0.<\/li>\n<\/ul>\n\n\n\n<p>Per installarlo da backend vai su \u201cPlugin\u201d e clicca su \u201cAggiungi plugin\u201d. Qui ti baster\u00e0 cerca \u201cEWWW Image Optimizer\u201d, installare il plugin e attivarlo nella schermata a seguire.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"369\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ewww-image-optimizer-1024x369.png\" alt=\"Ewww Image Optimizer\" class=\"wp-image-126777\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ewww-image-optimizer-1024x369.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ewww-image-optimizer-300x108.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ewww-image-optimizer-768x276.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ewww-image-optimizer-120x43.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ewww-image-optimizer-1536x553.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ewww-image-optimizer-2048x737.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il plugin da questo momento in avanti sar\u00e0 disponibile cliccando su &#8220;Impostazioni&#8221; nella barra di controllo di WordPress. Qui, nella sezione \u201cWebP\u201d, abilita la conversione automatica, salva e lascia che il plugin lavori per te.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"396\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-su-wordpress-con-ewww-1024x396.png\" alt=\"Webp Su WordPress Con Ewww\" class=\"wp-image-126985\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-su-wordpress-con-ewww-1024x396.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-su-wordpress-con-ewww-300x116.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-su-wordpress-con-ewww-768x297.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-su-wordpress-con-ewww-120x46.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-su-wordpress-con-ewww-1536x594.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-su-wordpress-con-ewww-2048x792.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"short-pixel-image-optimizer\">ShortPixel Image Optimizer<\/h3>\n\n\n\n<p><strong><a href=\"https:\/\/it.wordpress.org\/plugins\/shortpixel-image-optimiser\/\" rel=\"noopener\">ShortPixel<\/a><\/strong> \u00e8 uno dei plugin pi\u00f9 utilizzati per l\u2019ottimizzazione delle immagini, noto per l\u2019eccellente rapporto tra compressione e qualit\u00e0 visiva. \u00c8 perfetto per chi vuole un sito veloce senza sacrificare l\u2019aspetto visivo. Queste le sue funzionalit\u00e0 principali:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>compressione avanzata (glossy, <a href=\"https:\/\/supporthost.com\/it\/lossy-vs-lossless\/\">lossy o lossless<\/a>);<\/li>\n\n\n\n<li>conversione automatica in WebP;<\/li>\n\n\n\n<li>backup delle immagini originali;<\/li>\n\n\n\n<li>supporto a WebP con fallback;<\/li>\n\n\n\n<li>compatibilit\u00e0 con WooCommerce, NextGEN Gallery e altri plugin.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"994\" height=\"623\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortpixel-webp.png\" alt=\"Shortpixel Webp\" class=\"wp-image-126779\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortpixel-webp.png 994w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortpixel-webp-300x188.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortpixel-webp-768x481.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortpixel-webp-101x63.png 101w\" sizes=\"auto, (max-width: 994px) 100vw, 994px\" \/><\/figure>\n\n\n\n<p>Anche in questo caso abbiamo sia una versione gratuita che una a pagamento, che differiscono fra loro per il numero di immagini utilizzabili ogni mese:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>gratis<\/strong>: fino a 100 immagini al mese;<\/li>\n\n\n\n<li><strong>a pagamento<\/strong>: pacchetti prepagati (es. 10.000 immagini a circa $9.99 una tantum) oppure abbonamenti mensili (es. 7.000 immagini\/mese a $4.99).<\/li>\n\n\n\n<li>Funziona anche su pi\u00f9 siti, a seconda del piano scelto.<\/li>\n<\/ul>\n\n\n\n<p>Le modalit\u00e0 di ricerca, installazione e attivazione sono le medesime che abbiamo visto prima. A questo punto dovrai andare sul <a href=\"https:\/\/shortpixel.com\" rel=\"noopener\">sito ufficiale<\/a>, creare un account gratuito e ottenere la tua API Key.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"992\" height=\"568\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-key-plugin.png\" alt=\"Api Key Plugin\" class=\"wp-image-126780\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-key-plugin.png 992w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-key-plugin-300x172.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-key-plugin-768x440.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-key-plugin-110x63.png 110w\" sizes=\"auto, (max-width: 992px) 100vw, 992px\" \/><\/figure>\n\n\n\n<p>Inserisci la chiave nelle impostazioni del plugin e clicca su Salva.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"644\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-shortpixel-1024x644.png\" alt=\"Api Shortpixel\" class=\"wp-image-126781\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-shortpixel-1024x644.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-shortpixel-300x189.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-shortpixel-768x483.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-shortpixel-100x63.png 100w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-shortpixel-1536x966.png 1469w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-shortpixel.png 1470w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il plugin ti reindirizzer\u00e0 automaticamente nelle sue impostazioni, dove dovrai semplicemente assicurarti che sia attivata l\u2019opzione per convertire le immagini in WebP. Il plugin si occuper\u00e0 della compressione e della conversione in automatico, sia per le immagini nuove che per quelle esistenti.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"340\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-wordpress-shortpixel-1024x340.png\" alt=\"Webp WordPress Shortpixel\" class=\"wp-image-126782\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-wordpress-shortpixel-1024x340.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-wordpress-shortpixel-300x100.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-wordpress-shortpixel-768x255.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-wordpress-shortpixel-120x40.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-wordpress-shortpixel-1536x510.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/webp-wordpress-shortpixel-2048x680.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"imagify\">Imagify<\/h3>\n\n\n\n<p><strong><a href=\"https:\/\/it.wordpress.org\/plugins\/imagify\/\" rel=\"noopener\">Imagify<\/a><\/strong> \u00e8 il plugin sviluppato dal team di WP Rocket, noto per la semplicit\u00e0 d\u2019uso e l\u2019integrazione diretta con la libreria media di WordPress. Si rivolge soprattutto a chi desidera automatizzare tutto con pochi click, senza doversi perdere tra troppe opzioni tecniche. Questo plugin svolge le seguenti attivit\u00e0:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>compressione automatica all\u2019upload;<\/li>\n\n\n\n<li>conversione automatica in WebP con una semplice spunta;<\/li>\n\n\n\n<li>visualizzazione WebP tramite tag <code>&lt;picture&gt;<\/code> o tramite riscrittura URL (pi\u00f9 compatibile);<\/li>\n\n\n\n<li>backup delle immagini originali.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"733\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/imagify-1024x733.png\" alt=\"Imagify\" class=\"wp-image-126783\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/imagify-1024x733.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/imagify-300x215.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/imagify-768x550.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/imagify-88x63.png 88w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/imagify.png 1050w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Questo plugin offre un piano free e diverse soluzioni a pagamento:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>gratis<\/strong>: 20 MB di immagini al mese (circa 200 immagini), massimo 2MB per immagine.<\/li>\n\n\n\n<li><strong>opzioni a pagamento<\/strong> a partire da 4,99$\/mese e piani sia mensili che annuali.<\/li>\n<\/ul>\n\n\n\n<p>Dopo aver attivato il plugin, anche in questo caso servir\u00e0 ottenere la chiave API. Per farlo ti baster\u00e0 inserire la tua mail dalle impostazioni di plugin e incollare la chiave che ti sar\u00e0 inviata per posta elettronica, e cliccare infine su &#8220;Salva le modifiche&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-imagify-1024x590.png\" alt=\"Api Imagify\" class=\"wp-image-126784\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-imagify-1024x590.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-imagify-300x173.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-imagify-768x442.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-imagify-109x63.png 109w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-imagify-1536x884.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/api-imagify.png 1605w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nelle impostazioni assicurati che sia selezionata l&#8217;opzione WebP, e il plugin far\u00e0 il resto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"264\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ottimizzazione-webp-1024x264.png\" alt=\"Ottimizzazione Webp\" class=\"wp-image-126785\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ottimizzazione-webp-1024x264.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ottimizzazione-webp-300x77.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ottimizzazione-webp-768x198.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ottimizzazione-webp-120x31.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ottimizzazione-webp-1536x396.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ottimizzazione-webp.png 1879w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"web-p-express\">WebP Express<\/h3>\n\n\n\n<p><strong><a href=\"https:\/\/it.wordpress.org\/plugins\/webp-express\/\" rel=\"noopener\">WebP Express<\/a><\/strong> \u00e8 un plugin pensato specificamente per chi vuole convertire e servire immagini WebP senza dover acquistare un piano premium, ma per gestirlo al meglio avrai bisogno di masticare qualche tecnicismo che troverai nelle impostazioni. \u00c8 molto flessibile e dispone di queste funzioni:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>conversione on-the-fly delle immagini in WebP;<\/li>\n\n\n\n<li>scelta tra diversi metodi di conversione (cwebp, imagick, vips);<\/li>\n\n\n\n<li>generazione di WebP solo alla prima richiesta (per risparmiare spazio);<\/li>\n\n\n\n<li>supporto al fallback per browser non compatibili;<\/li>\n\n\n\n<li>compatibilit\u00e0 con plugin di cache e CDN.<\/li>\n<\/ul>\n\n\n\n<p>Si tratta di un plugin opern source e quindi completamente gratuito, senza limitazioni di immagini o qualit\u00e0.<\/p>\n\n\n\n<p>WebP Express richiede qualche configurazione in pi\u00f9 rispetto ad altri plugin, ma offre un ottimo controllo senza costi aggiuntivi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"smush\">Smush<\/h3>\n\n\n\n<p><strong><a href=\"https:\/\/it.wordpress.org\/plugins\/wp-smushit\/\" rel=\"noopener\">Smush<\/a><\/strong> \u00e8 uno dei plugin di ottimizzazione immagini pi\u00f9 scaricati su WordPress. Nella sua versione gratuita \u00e8 ottimo per ridurre il peso delle immagini JPEG e PNG, ma <strong>per usare il formato WebP bisogna passare alla versione Pro<\/strong>. Smush ti garantisce:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>compressione automatica delle immagini al caricamento;<\/li>\n\n\n\n<li>ottimizzazione in blocco delle immagini esistenti;<\/li>\n\n\n\n<li>lazy loading integrato;<\/li>\n\n\n\n<li>conversione in WebP disponibile <strong>solo nella versione Pro<\/strong>;<\/li>\n\n\n\n<li>compatibilit\u00e0 con builder visuali come Elementor e WPBakery.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"582\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/smush-1024x582.png\" alt=\"Smush\" class=\"wp-image-126788\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/smush-1024x582.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/smush-300x171.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/smush-768x437.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/smush-111x63.png 111w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/smush.png 1027w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per usare le immagini WebP <strong>dovrai per forza acquistare uno dei piani a pagamento<\/strong>, che partono da 1,50$\/mese. Completata l&#8217;attivazione e l&#8217;aggiunta della licenza, ti baster\u00e0 accede alle impostazioni nella sezione &#8220;Smush &gt; &#8220;CDN &amp; WebP\u201d e attivare la conversione automatica in WebP. Il plugin inizier\u00e0 a servire le immagini ottimizzate senza bisogno di ulteriori modifiche.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table data-mtr-unique-id=\"3c08f191306241e0548325957ee360fd-1\" class=\"has-fixed-layout mtr-table mtr-thead-th\"><thead><tr><th data-mtr-content=\"Plugin\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Plugin<\/div><\/th><th data-mtr-content=\"Piano gratuito disponibile\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Piano gratuito disponibile<\/div><\/th><th data-mtr-content=\"Conversione automatica in WebP\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Conversione automatica in WebP<\/div><\/th><th data-mtr-content=\"Fallback per browser non compatibili\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Fallback per browser non compatibili<\/div><\/th><th data-mtr-content=\"Backup immagini originali\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Backup immagini originali<\/div><\/th><th data-mtr-content=\"Interfaccia semplice\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Interfaccia semplice<\/div><\/th><th data-mtr-content=\"Limiti nella versione gratuita\" class=\"mtr-th-tag\"><div class=\"mtr-cell-content\">Limiti nella versione gratuita<\/div><\/th><\/tr><\/thead><tbody><tr><td data-mtr-content=\"Plugin\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><strong>EWWW Image Optimizer<\/strong><\/div><\/td><td data-mtr-content=\"Piano gratuito disponibile\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Conversione automatica in WebP\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Fallback per browser non compatibili\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Backup immagini originali\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Interfaccia semplice\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Media<\/div><\/td><td data-mtr-content=\"Limiti nella versione gratuita\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Nessuno, ma meno controllo qualit\u00e0<\/div><\/td><\/tr><tr><td data-mtr-content=\"Plugin\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><strong>ShortPixel<\/strong><\/div><\/td><td data-mtr-content=\"Piano gratuito disponibile\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span> (100 immagini\/mese)<\/div><\/td><td data-mtr-content=\"Conversione automatica in WebP\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Fallback per browser non compatibili\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Backup immagini originali\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Interfaccia semplice\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Facile<\/div><\/td><td data-mtr-content=\"Limiti nella versione gratuita\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Limite immagini\/mese<\/div><\/td><\/tr><tr><td data-mtr-content=\"Plugin\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><strong>Imagify<\/strong><\/div><\/td><td data-mtr-content=\"Piano gratuito disponibile\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span> (20 MB\/mese)<\/div><\/td><td data-mtr-content=\"Conversione automatica in WebP\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Fallback per browser non compatibili\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Backup immagini originali\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Interfaccia semplice\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Molto semplice<\/div><\/td><td data-mtr-content=\"Limiti nella versione gratuita\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Limite MB\/mese<\/div><\/td><\/tr><tr><td data-mtr-content=\"Plugin\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><strong>WebP Express<\/strong><\/div><\/td><td data-mtr-content=\"Piano gratuito disponibile\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Conversione automatica in WebP\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Fallback per browser non compatibili\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Backup immagini originali\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--orange); font-weight: 700\" class=\"special-char\">\u2717<\/span><\/div><\/td><td data-mtr-content=\"Interfaccia semplice\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Media<\/div><\/td><td data-mtr-content=\"Limiti nella versione gratuita\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Richiede pi\u00f9 configurazione<\/div><\/td><\/tr><tr><td data-mtr-content=\"Plugin\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><strong>Smush (Pro)<\/strong><\/div><\/td><td data-mtr-content=\"Piano gratuito disponibile\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--orange); font-weight: 700\" class=\"special-char\">\u2717<\/span> WebP solo a pagamento<\/div><\/td><td data-mtr-content=\"Conversione automatica in WebP\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span> (solo Pro)<\/div><\/td><td data-mtr-content=\"Fallback per browser non compatibili\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span> (solo Pro)<\/div><\/td><td data-mtr-content=\"Backup immagini originali\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\"><span style=\"color: var(--wp--preset--color--green-dark); font-weight: 700\" class=\"special-char\">\u2713<\/span><\/div><\/td><td data-mtr-content=\"Interfaccia semplice\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Facile<\/div><\/td><td data-mtr-content=\"Limiti nella versione gratuita\" class=\"mtr-td-tag\"><div class=\"mtr-cell-content\">Nessun WebP nella versione free<\/div><\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Confronfro plugin wordpress per formato WebP<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-abilitare-la-visualizzazione-delle-immagini-web-p\">Come abilitare la visualizzazione delle immagini WebP<\/h2>\n\n\n\n<p>Un aspetto importante \u00e8 garantire che le immagini siano visibili su tutti i browser. I plugin pi\u00f9 evoluti lo fanno automaticamente ma, se stai lavorando senza plugin. puoi usare il tag HTML <code>&lt;picture&gt;<\/code>, che consente di <strong>mostrare un&#8217;immagine in WebP solo ai browser compatibili, offrendo un\u2019alternativa JPEG o PNG per gli altri<\/strong>.<\/p>\n\n\n\n<p>Ad esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;picture&gt;\n  &lt;source srcset=\"immagine.webp\" type=\"image\/webp\"&gt;\n  &lt;img src=\"immagine.jpg\" alt=\"Descrizione immagine\"&gt;\n&lt;\/picture&gt;<\/code><\/pre>\n\n\n\n<p>Questo approccio garantisce la compatibilit\u00e0 completa, ma richiede una modifica manuale del codice per ogni immagine.<\/p>\n\n\n\n<p>Dopo aver attivato le immagini WebP, potresti non vedere subito il cambiamento. Questo succede perch\u00e9 molti temi, sistemi di cache o <a href=\"https:\/\/supporthost.com\/it\/cdn\/\">CDN<\/a> (come Cloudflare) possono mostrare ancora le versioni precedenti delle immagini.<\/p>\n\n\n\n<p>In questi casi ti consigliamo di:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/supporthost.com\/it\/svuota-cache-browser\/\" data-type=\"post\" data-id=\"15672\">pulire la cache del browser<\/a> e del sito;<\/li>\n\n\n\n<li>svuotare anche la cache lato rete nel caso tu stia usando una CDN;<\/li>\n\n\n\n<li>verificare che il tema non abbia funzioni che sovrascrivono i formati immagine.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-verificare-che-le-immagini-web-p-siano-attive\">Come verificare che le immagini WebP siano attive<\/h2>\n\n\n\n<p>Dopo aver convertito le immagini in WebP e averle integrate nel tuo sito WordPress, \u00e8 fondamentale assicurarsi che vengano effettivamente caricate e visualizzate correttamente nel nuovo formato. Per farlo, esistono diversi strumenti \u2013 tutti gratuiti \u2013 che ti permettono di controllare il comportamento del tuo sito e di verificare quali versioni delle immagini vengono effettivamente servite agli utenti.<\/p>\n\n\n\n<p>Ecco due strumenti semplici e utili da usare anche se non hai competenze tecniche.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ispezione-del-browser-strumenti-per-sviluppatori\">Ispezione del browser (strumenti per sviluppatori)<\/h3>\n\n\n\n<p>Ogni browser moderno (come Chrome, Firefox o Edge) include una funzione chiamata <strong>&#8220;Strumenti per sviluppatori&#8221;<\/strong>, che ti consente di analizzare in dettaglio cosa viene caricato in una pagina web, incluse le immagini.<\/p>\n\n\n\n<p>Apri la pagina che contiene l&#8217;immagine da controllare e clicca con il tasto destro su un punto qualsiasi della pagina e seleziona <strong>&#8220;Ispeziona&#8221;<\/strong>. Vai nella scheda <strong>&#8220;Network&#8221;<\/strong> e seleziona il tipo di risorsa &#8220;Img&#8221; (immagini) nel filtro in alto.<\/p>\n\n\n\n<p>A questo punto ricarica la pagina (<code>F5<\/code>) per vedere il traffico completo e clicca su una delle immagini per visualizzare i dettagli: nella colonna <strong>\u201cType\u201d<\/strong> o <strong>\u201cContent-Type\u201d<\/strong> deve apparire <code>image\/webp<\/code> accanto all&#8217;immagine che vuoi verificare. Se invece vedi ancora <code>image\/jpeg<\/code> o <code>image\/png<\/code>, significa che l&#8217;immagine non viene servita in formato WebP.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"480\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/verifica-webp-ispeziona-1024x480.png\" alt=\"Verifica Webp Ispeziona\" class=\"wp-image-126791\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/verifica-webp-ispeziona-1024x480.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/verifica-webp-ispeziona-300x141.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/verifica-webp-ispeziona-768x360.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/verifica-webp-ispeziona-120x56.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/verifica-webp-ispeziona-1536x720.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/verifica-webp-ispeziona.png 1829w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"page-speed-insights\">PageSpeed Insights<\/h3>\n\n\n\n<p><strong>PageSpeed Insights<\/strong> \u00e8 uno strumento di Google che analizza la velocit\u00e0 e le prestazioni di una pagina web, sia su desktop che su dispositivi mobili. \u00c8 utile perch\u00e9 segnala anche l\u2019uso (o la mancanza) del formato WebP per le immagini.<\/p>\n\n\n\n<p>Per utilizzarlo vai sul <a href=\"https:\/\/pagespeed.web.dev\" rel=\"noopener\">sito ufficiale<\/a>, inserisci l\u2019indirizzo della tua pagina web e clicca su <strong>\u201cAnalizza\u201d<\/strong> e, a caricamento dei risultati completato, scendi nella sezione <strong>\u201cDiagnostica\u201d<\/strong>. Se le immagini non sono in WebP, potresti vedere il messaggio <strong>\u201cServe immagini in formati moderni\u201d<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"226\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/formati-immagine-recenti-1024x226.png\" alt=\"Formati Immagine Recenti\" class=\"wp-image-126792\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/formati-immagine-recenti-1024x226.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/formati-immagine-recenti-300x66.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/formati-immagine-recenti-768x170.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/formati-immagine-recenti-120x27.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/formati-immagine-recenti-1536x339.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/formati-immagine-recenti.png 1987w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se invece lo strumento non mostra questo suggerimento, \u00e8 molto probabile che le immagini WebP siano gi\u00e0 attive e correttamente servite.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Convertire le immagini in WebP \u00e8 solo uno dei tanti modi per <a href=\"https:\/\/supporthost.com\/it\/wordpress-lento\/\">ottimizzare un sito lento<\/a>. Per ottenere prestazioni ancora migliori, <a href=\"https:\/\/supporthost.com\/it\/hosting-wordpress\/\">affidati a un hosting pensato per WordPress<\/a>. Su <strong>SupportHost<\/strong> trovi soluzioni veloci, sicure e compatibili con tutte le tecnologie moderne.<\/p>\n\n\n\n<p>Ci\u00f2 detto, usare immagini WebP su WordPress \u00e8 una strategia semplice ma efficace per rendere il tuo sito pi\u00f9 veloce, pi\u00f9 efficiente e pi\u00f9 apprezzato da Google. E usando uno dei plugin che abbiamo visto potrai ottenere grandi benefici e il tuo sito sar\u00e0 pi\u00f9 leggero, moderno e in grado di offrire un\u2019esperienza migliore a ogni visitatore.<\/p>\n\n\n\n<p>Qual \u00e8 la tua esperienza con i formati WebP e i plugin che abbiamo elencato? Lascia un commento con la tua esperienza.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&#8217;importanza della relazione tra il formato WebP e WordPress nasce da un&#8217;esigenza che, negli ultimi anni, \u00e8 diventata sempre pi\u00f9 prioritaria: le immagini, infatti, sono ormai una parte fondamentale della comunicazione digitale. I componenti visivi di una pagina web hanno tantissime funzioni: rendono i contenuti pi\u00f9 piacevoli da vedere, aiutano a raccontare una storia e [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":126938,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[30],"tags":[],"class_list":["post-126772","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-velocita"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/126772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=126772"}],"version-history":[{"count":20,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/126772\/revisions"}],"predecessor-version":[{"id":133816,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/126772\/revisions\/133816"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/126938"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=126772"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=126772"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=126772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}