Immagine Ottimizzazione

Imagify offre tre livelli di ottimizzazione: standard, aggressivo e ultra. Questi livelli riguardano essenzialmente la qualità dell’immagine. Uno dei compromessi con l'ottimizzazione delle immagini è che si perde la qualità dell'immagine. È solo piccolo e normalmente impercettibile, ma può diventare evidente se per te è importante una qualità dell'immagine ultra elevata. Questo è spesso il caso di siti web come siti di fotografia, arte o gioielli, ecc.

Lo fa Degradare Immagini Molto?

Molto dipende dal tipo di immagini che usi. Ad esempio, la qualità standard non li degraderà affatto, mentre l'ultra li pixelerà un po', ma non troppo. Questo sito Web è impostato su qualità ultra come esempio. Il vantaggio è che le immagini sono molto più piccole in modalità ultra e quindi si caricano più velocemente anche rispetto all'impostazione aggressiva.

Alcune persone scelgono direttamente l'impostazione ultra e notano davvero la differenza. Quando inizi a ottimizzare, assicurati di spuntare la casella per conservare gli originali. In questo modo, se non ti piace l'impostazione ultra, puoi tornare a una qualità superiore.

Generalmente, l'impostazione aggressiva degraderà la qualità delle immagini di circa 15% fino a un livello di 85%. Questo è impercettibile all'occhio umano e nell'impostazione più comune. Se la qualità dell'immagine non è fondamentale o se utilizzi grafica in stile cartone animato anziché foto, scegli ultra. È ancora perfettamente accettabile. Normalmente con un'impostazione ultra si ridurranno di circa 85% le dimensioni dell'immagine. Ciò significa che un'immagine da 1 MB scenderà a una dimensione compresa tra 100 e 150 libbre, il che fa un'enorme differenza in termini di tempo di caricamento della pagina e punteggi di velocità della pagina.

Posso Fare tutto Le mie immagini su una volta?

Sì, puoi: guarda il video per una guida su come funziona Imagify. Un consiglio importante è includere anche la cartella del tema nelle ottimizzazioni. Il tuo tema conterrà molte immagini, alcune delle quali verranno utilizzate nel tuo sito web. Inserendo le immagini del tuo tema, otterrai il massimo delle immagini che puoi ottimizzare sul tuo sito web.

Per valutare quante immagini devi ottimizzare, guarda nella tua libreria multimediale. Ti dirà quante immagini hai. Quindi moltiplicalo per 4 (in media). Questo perché WordPress crea più versioni delle tue immagini per un design reattivo (miniatura, 300 x 300 px, ecc.). È necessario ottimizzare ogni versione di ogni immagine per ottenere tutti i vantaggi dell'ottimizzazione delle immagini su tutti i dispositivi.

L'ottimizzazione manuale delle immagini è davvero per i puristi. Un vantaggio è che carichi un'immagine completamente ottimizzata, con le dimensioni corrette e quindi non devi eseguire alcun software di ottimizzazione delle immagini. Inoltre risparmi spazio sul server poiché non hai immagini a grandezza naturale. Tuttavia, è piuttosto dispendioso in termini di tempo, quindi per la maggior parte delle persone consiglierei semplicemente di utilizzare Imagify.

Io ho Il tempo – Cosa è coinvolto?

Innanzitutto, devi conoscere le dimensioni dell'immagine che stai utilizzando. C'è una buona guida su come farlo dimensioni delle immagini e best practice su questa pagina. Una volta che conosci le dimensioni dell'immagine, puoi ritagliare qualsiasi immagine di grandi dimensioni alla dimensione esatta utilizzando qualsiasi strumento software per immagini. Paint.net è gratuito e normalmente abbastanza buono per questo.

Dopo aver creato le immagini con le dimensioni corrette, puoi ottimizzarle utilizzando uno strumento online. Uno dei migliori che esiste da anni lo è TinyPNG.com. Devi solo caricare le tue immagini e poi scaricare la versione molto più piccola che verrà creata. Due suggerimenti quando si caricano queste immagini su WordPress:

Innanzitutto sembra sciocco, ma assicurati di caricare la versione appena ottimizzata sul tuo sito web dalla cartella "Download". È così facile caricare quello sbagliato dal tuo desktop o ovunque memorizzi le tue immagini. In secondo luogo, utilizza un nome leggermente diverso per il nuovo titolo dell'immagine. Ciò è dovuto alla memorizzazione nella cache. La tua installazione di WordPress potrebbe non riconoscere la nuova dimensione dell'immagine per un po' di tempo se carichi l'immagine con lo stesso nome file.

Dopo averlo fatto, potresti fare un ulteriore passo avanti e convertire le immagini appena ottimizzate nel formato WEBP. Fallo prima di caricarli. Vai a CloudConvert sito web. Segue esattamente lo stesso processo di TinyPNG, tranne che scegli di convertirli in WEBP. Quindi scarica i file e caricali sul tuo server.

Usare software come Imagify è molto più semplice, ma alla fine avrai caricate immagini grezze ottimizzate, quindi non avrai bisogno di utilizzare strumenti di conversione delle immagini o di avere conversioni WEBP sempre in esecuzione.

WEBP è un formato immagine più recente sviluppato da Google. Le sue immagini sono molto più piccole dei tradizionali formati JPG e PNG e quindi sì, dovresti usarle, a condizione che il tuo server supporti la conversione delle immagini tradizionali in WEBP.

Il WEBP in realtà è nato nel 2010, ma nonostante ciò è ancora visto come un formato "emergente". Potresti leggere che hai bisogno delle immagini JPG / PNG originali come fallback così come dei formati WEBP, ma la verità è che Chrome, Firefox, Safari e tutti gli altri principali browser lo supportano, quindi avere solo le versioni WEBP ora va bene.

Il mio server Supporto Loro?

Imagify ha un'impostazione automatica per abilitarlo sul tuo server. La maggior parte degli ottimizzatori di immagini che convertono in WEBP fanno questo. Controllerà e ti dirà se il tuo server non servirà immagini WEBP. Fondamentalmente ciò che deve accadere è che WordPress debba riscrivere i file di immagine in due modi per funzionare. Alcuni server lo consentono, altri no:

Il modo migliore è tramite tag immagine. Questo è un comando HTML5 che sostituirà il file parte ad a etichetta. È piuttosto semplice, ma non tutti i server lo supportano. Il secondo modo è riscrivere i file tramite il file .htaccess. Questo non è il modo preferito per farlo poiché aumenta le richieste del server al caricamento della pagina. Tuttavia è comunque vantaggioso utilizzare WEBP se è necessario farlo in questo modo.

Kinta è NGINX ed è già configurato per WEBP nel caso in cui si disponga di una configurazione del server non compatibile.

Imagify è un processo automatizzato molto veloce. Il tempo impiegato dipende molto dalle dimensioni dell'immagine che stai utilizzando. Un'immagine normale di meno di 1 MB richiederà alcuni secondi per essere ottimizzata.

Ricorda di moltiplicare la quantità di immagini mostrate nella tua libreria multimediale per 4 per consentire l'ottimizzazione di tutte le dimensioni reattive. Quindi supponiamo che tu abbia 100 immagini, 400 saranno ottimizzate. Moltiplicalo per una media di 5 secondi ciascuno e avrai l'idea. Per completarlo ci vorrà poco più di mezz'ora.

Le immagini più grandi possono richiedere più tempo e il completamento dei negozi può richiedere molto tempo. Ad esempio, se disponi di 10.000 immagini della libreria multimediale, devi ottimizzare 40.000 immagini reattive. Moltiplicalo per 5 secondi ciascuno e otterrai 2/3 giorni per ottimizzare le tue immagini.

Tuttavia, il sito web medio non ha neanche lontanamente questa quantità di immagini, quindi il processo dovrebbe essere completato entro circa un'ora.

Quindi hai realizzato tutte le tue immagini. Vai a svuotare nuovamente tutte le cache ed esegui un test di velocità della pagina. Ora noterai che il tuo sito web si carica molto più velocemente, soprattutto sui dispositivi mobili.

Una volta che sei soddisfatto delle tue immagini, passa alla fase successiva. La parte successiva del processo di ottimizzazione è la sezione di memorizzazione nella cache di WP-Rocket, che farà aumentare ulteriormente i tuoi punteggi.