¶ Ottimizza Immagini
La sezione gestisce tutte le operazioni di compressione, conversione, ridimensionamento, pulizia e analisi delle immagini.
Ogni campo rappresenta una funzione diretta del sistema di ottimizzazione e viene applicato durante la generazione dinamica delle versioni ottimizzate.
¶ Ottimizza immagini pesanti
¶ Abilita ottimizzazione immagini
Attiva il sistema di ottimizzazione dinamica.
Le immagini vengono analizzate, compresse, ridimensionate o convertite in formati moderni, generando versioni cached utilizzate nelle visite successive.
¶ Larghezza minima per ottimizzazione immagini
Definisce la larghezza minima (in pixel) oltre la quale l’immagine può essere ottimizzata.
Immagini più piccole vengono ignorate per evitare alterazioni non necessarie.
¶ Qualità per le immagini compresse
Percentuale di qualità utilizzata nella compressione JPEG/WEBP/AVIF.
Valori bassi riducono drasticamente la dimensione del file, ma possono introdurre perdita visibile di qualità.
¶ Abilita ridimensionamento immagini
Attiva il ridimensionamento automatico delle immagini quando superano determinate soglie dimensionali.
¶ Percentuale di ridimensionamento
Ridimensiona l’immagine secondo una percentuale della sua dimensione originale (“full”).
Riduzioni maggiori alleggeriscono notevolmente il peso del file.
¶ Larghezza minima per ridimensionamento immagini
Se attivo il ridimensionamento, le immagini vengono ridotte solo se superano questa larghezza minima.
Evita di ridimensionare elementi grafici troppo piccoli.
¶ Converti tutte le immagini in WebP
Genera una versione WebP dell’immagine, servita ai browser compatibili.
Il sistema mostra badge di compatibilità per indicare se l’hosting supporta la conversione.
¶ Converti tutte le immagini in AVIF
Genera una versione AVIF, formato più efficiente del WebP.
Il processo richiede più risorse di CPU.
Il sistema indica tramite badge se l’ambiente supporta la funzionalità.
¶ Escludi la conversione delle immagini per Safari
Evita la conversione in WebP/AVIF per Safari, che potrebbe mostrare incompatibilità o degradazioni specifiche del browser.
¶ Ottimizza immagini di sfondo CSS
Intercetta le immagini definite in background-image nei CSS e ne genera versioni ottimizzate.
Utile per temi con molti elementi grafici strutturali.
¶ Ottimizza immagini di sfondo HTML
Intercetta le immagini caricate come sfondo tramite attributi HTML inline o stili interni.
Permette di ottimizzare anche elementi decorativi gestiti via markup.
¶ Ottimizzazione immagini GIF
Applica compressione ottimizzata alle immagini GIF mantenendo la sequenza dei fotogrammi.
Riduce la dimensione dei file animati senza alterare la resa.
¶ Ottimizzazione senza perdita di qualità
Applica algoritmi “lossless” quando disponibili, evitando perdita visiva.
Il peso risultante sarà maggiore rispetto alla modalità con perdita.
¶ Metodo di hash del nome delle immagini
Definisce il metodo di hashing utilizzato per generare il nome della versione ottimizzata.
Serve per evitare collisioni, gestire correttamente cache multiple e invalidare automaticamente versioni obsolete.
¶ Preserva le immagini in cache
Mantiene una copia in cache delle versioni ottimizzate delle immagini già generate, evitando conversioni inutili, anche se la cache viene cancellata manualmente o in seguito alla naturale scadenza.
Riduce il carico sul server per siti con molte immagini ripetute.
¶ Escludi estensioni immagine
Permette di escludere dal processo di ottimizzazione determinate estensioni (es. .svg, .png).
Indicato per file che non beneficiano della compressione.
¶ Escludi immagini per nome/percorso
Consente di escludere immagini individuate tramite nome completo o porzione del percorso.
Utile per loghi, watermark o file sensibili alla qualità.
¶ Escludi immagini per classe
Esclude immagini individuate tramite classe CSS.
Permette di controllare con precisione quali elementi grafici non devono essere ottimizzati.
¶ Escludi ottimizzazione immagini per URL della pagina
Esclude l’intero processo di ottimizzazione per pagine specifiche, individuabili tramite porzioni dell’URL.
Ideale per pagine dinamiche o per aree in cui le immagini devono essere servite originali.
¶ Processa l'attributo 'data-src'
Attiva l’elaborazione delle immagini che usano data-src al posto di src.
Necessario per ottimizzare immagini gestite da lazy load esterni.
¶ Processa attributo 'data-' personalizzati
Assicura che anche ulteriori immagini caricate tramite attributi personalizzati data- vengano ottimizzate correttamente.
¶ Aggiungi attributi dimensioni
Aggiunge automaticamente width e height alle immagini prive di dimensioni dichiarate.
Riduce il CLS (Cumulative Layout Shift) e stabilizza il layout durante il caricamento.
¶ Modalità di analisi HTML alternativa
Attiva un parser alternativo per analizzare l’HTML quando il metodo standard incontra markup complessi o non validi.
Utile per evitare conflitti e su temi altamente personalizzati.
¶ Decodifica entità HTML
Decodifica entità HTML standard all’interno degli attributi immagine prima dell’elaborazione.
Permette una corretta interpretazione dei percorsi e dei parametri.
¶ Decodifica entità HTML UTF-8
Decodifica entità specifiche UTF-8.
Necessaria quando i nomi dei file contengono caratteri speciali o Unicode.
¶ Pulisci stringa
Applica una normalizzazione dei percorsi e rimuove caratteri non validi prima dell’ottimizzazione.
Riduce errori dovuti a URL mal formati.
¶ Stringa di sostituzione
Permette di definire una stringa alternativa da utilizzare nei percorsi delle immagini ottimizzate.
Utile per routing personalizzati, CDN esterne, o versioni parallele di asset.
¶ Decodifica entità HTML
(seconda voce duplicata dell’interfaccia)
Opera come il campo precedente, applicando decodifica aggiuntiva per casi particolari.
¶ Gestione srcset
¶ Crea srcset
Genera automaticamente attributi srcset per fornire al browser varianti dell’immagine per diverse risoluzioni.
Migliora l’adattamento ai dispositivi mobili e riduce il peso delle immagini servite.
¶ Valore di qualità iniziale
Valore di qualità applicato alla prima generazione del set srcset.
Costituisce il livello base da cui parte il processo.
¶ Decremento di qualità
Riduce progressivamente la qualità per ciascuna variante generata nel srcset.
Serve per risparmiare banda sulle immagini servite a risoluzioni inferiori.
¶ Valore di ridimensionamento iniziale
Dimensione iniziale della prima immagine del srcset.
Le altre verranno scalate progressivamente.
¶ Decremento di ridimensionamento
Riduce gradualmente la dimensione per ciascuna versione successiva generata nel gruppo srcset.
¶ 'src' dell'immagine standard
Definisce quale versione debba essere utilizzata come src principale nel markup dell’immagine.
¶ Crea 'srcset' per 'data-src' immagini
Genera automaticamente srcset anche per immagini che usano data-src invece di src.
Indispensabile per temi o plugin che implementano lazy load personalizzato.