Stai cercando il miglior plugin per la compressione delle immagini WordPress per il tuo sito web? I plugin di compressione semplificano l’ottimizzazione delle immagini in WordPress per una migliore velocità e prestazioni del sito. In questo articolo, abbiamo confrontato i migliori plugin di compressione delle immagini per WordPress.
Quando hai bisogno di un plugin per la compressione delle immagini WordPress?
Le immagini sono di grandi dimensioni rispetto al testo, il che significa che richiedono più tempo per essere caricate e possono rallentare il tuo sito.
Tuttavia, probabilmente hai sentito il detto: "un'immagine vale più di mille parole". Le immagini rendono i tuoi contenuti più attraenti e interattivi.
Per migliorare la velocità del tuo sito Web WordPress, devi ottimizzare le tue immagini per utenti e motori di ricerca. Il modo migliore per farlo è utilizzare Photoshop o un altro software di modifica delle immagini prima di caricare l'immagine su WordPress. Questo ti dà molto più controllo sulla qualità delle immagini sul tuo sito.
Tuttavia, non tutti gli utenti si sentono a proprio agio nel lavorare con un programma di editing di immagini. Sì, e ci vuole molto tempo.
Fortunatamente, ci sono diversi plugin di compressione WordPress che possono aiutarti. Questi plugin ottimizzano le tue immagini comprimendole automaticamente e pubblicando una versione più piccola sul tuo sito web.
A proposito, diamo un'occhiata ai migliori plugin di compressione delle immagini WordPress e a come si comportano in termini di ottimizzazione, prestazioni e qualità delle immagini.
1. reSmush.it
Prezzo: gratuito
reSmush.it è il miglior plugin per la compressione delle immagini WordPress. Ti consente di ottimizzare automaticamente le immagini al momento del caricamento e offre anche un'opzione di ottimizzazione in blocco per le immagini più vecchie.
Utilizza l'API reSmush per ottimizzare le immagini e ti consente di scegliere il livello di ottimizzazione per i tuoi caricamenti. Lo svantaggio è che non ha diversi livelli di compressione. Ciò limita anche l'ottimizzazione ai download inferiori a 5 MB. Puoi escludere singole immagini dalla compressione se devi aggiungere l'immagine a dimensione intera.
Prezzo: gratuito
EWWW Image Optimizer è un'ottima opzione per un plug-in di compressione delle immagini WordPress. È facile da usare e può ottimizzare automaticamente le immagini caricate al volo. Può anche comprimere e ottimizzare in batch le immagini scaricate in precedenza.
Esegue tutta la compressione sui tuoi server, il che significa che non è necessario registrarsi per un account per ottenere una chiave API. Può anche ottimizzare le immagini create da altri plugin di WordPress ed essere archiviate al di fuori delle cartelle della libreria multimediale. Il plugin non richiede un account per essere utilizzato, ma puoi iscriverti alla sua API per funzionalità aggiuntive.
3. Comprimi JPEG e PNG
Prezzo: gratuito
Compress JPEG & PNG è stato creato dal team TinyPNG e dovrai creare un account per utilizzare il plug-in. Puoi ottimizzare solo 100 immagini ogni mese con un account gratuito. Può comprimere automaticamente le immagini al momento del caricamento e puoi anche ottimizzare le immagini più vecchie.
Le impostazioni del plugin ti consentono di selezionare le dimensioni dell'immagine che desideri ottimizzare. Inoltre, puoi anche impostare una dimensione massima per i download iniziali. I plugin più grandi di questa dimensione verranno ridimensionati automaticamente.
Prezzo: gratuito
ShortPixel Image Optimizer è un altro utile plugin per la compressione delle immagini di WordPress. Richiede di ottenere una chiave API fornendo il tuo indirizzo email. L'account gratuito di base ti consente di comprimere fino a 100 immagini al mese e dovrai passare ai piani a pagamento per aumentare questo limite.
Inizia a comprimere le immagini non appena attivi il plug-in e salvi le immagini originali in una cartella separata. Permette anche di confrontare il file originale con la versione compressa per vedere la differenza di qualità. ShortPixel è dotato di funzionalità avanzate e ti dà la possibilità di scegliere formati di confronto.
5. WP Smush
Prezzo: gratuito
WP Smush è un altro popolare plugin per la compressione delle immagini di WordPress. Comprime automaticamente le immagini al momento del caricamento e può essere utilizzato anche per comprimere e ottimizzare i file di immagine più vecchi. Puoi anche impostare la risoluzione dell'immagine al massimo e le tue immagini si ridurranno a dimensioni più ragionevoli una volta compresse.
La versione gratuita del plugin non richiede la creazione di un account per utilizzare la chiave API. La funzione di ottimizzazione in blocco ti consente di ottimizzare fino a 50 immagini alla volta e puoi eseguire nuovamente l'ottimizzatore in blocco per comprimere più immagini.
Confronto e test dei plugin di compressione delle immagini
Ora che conosci le diverse opzioni di compressione delle immagini di WordPress, vediamo come si confrontano tra loro in termini di prestazioni.
Per misurarlo, abbiamo eseguito un test caricando la stessa immagine utilizzando ciascuno di questi plugin.
Abbiamo utilizzato la seguente immagine JPEG per i nostri test, la dimensione del file è 118KB .
Non abbiamo toccato nessuna impostazione del plugin. Ecco i nostri risultati:
| Nome del plugin | Risultato della compressione | Salvato (%) | Metodo di compressione |
|---|---|---|---|
| reSmush.it | 76KB | 30,59% | Nessuna perdita |
| 112KB | 5% | Nessuna perdita | |
| 114,7KB | 2,8% | con perdite | |
| 69,2KB | 41,94% | con perdite | |
| WP Smuss | 112KB | 5% | Nessuna perdita |
Abbiamo quindi voluto testare l'immagine PNG per vedere come i nostri concorrenti l'hanno ottimizzata.
Abbiamo utilizzato la seguente immagine PNG per il test e lo è 102KB nella dimensione del file.
Ecco i nostri risultati:
| Nome del plugin | Risultato della compressione | Salvato (%) | Metodo |
|---|---|---|---|
| reSmush.it | 36KB | 63,8% | Nessuna perdita |
| 97,5KB | 1,9% | Nessuna perdita | |
| 34,3 | 64% | con perdite | |
| 37KB | 63,5% | con perdite | |
| WP Smuss | 99KB | 2,9% | Nessuna perdita |
Qual è il miglior plugin per la compressione delle immagini per WordPress?
Se non stai cercando opzioni flessibili nel tuo plugin di compressione delle immagini, allora reSmush.it ti offre i migliori risultati in termini di prestazioni, facendo al tempo stesso la differenza nella dimensione del file immagine.
Se sei disposto a pagare per la compressione delle immagini, puoi provare ShortPixel, che ha funzionato benissimo nei nostri test.
è un ottimo plugin con impostazioni flessibili, ma avrai bisogno della chiave API a pagamento per accedere ai livelli di compressione, che fanno davvero la differenza.
Ci auguriamo che tu abbia trovato utile questo confronto tra i migliori plugin di compressione WordPress.
Ciao! Non è più una questione di cosa deve essere ottimizzato su un sito web per “l’amore dei motori di ricerca” e cosa può andare bene. La realtà è che tutto deve essere ottimizzato (). Inoltre, una cosa si aggrappa a un'altra e tutte le centinaia di regole di indicizzazione e classificazione che funzionano negli algoritmi di ricerca sono state a lungo intrecciate in un unico groviglio. Ad esempio, le foto su un sito web devono essere ottimizzate.
Tre parti dell'ottimizzazione delle immagini di WordPress
Se guardi quello esteso su Internet, questo può essere fatto con qualsiasi server online speciale, vedremo che la parte del leone del tempo di caricamento è occupata da foto non ottimizzate.
Oltre all'impatto sulla velocità di caricamento, che ora è monitorata molto attentamente dai motori di ricerca, puoi aggiungere alla foto parole chiave che verranno lette dai motori di ricerca e influenzare la posizione dell'articolo su richiesta. Dividiamo l'ottimizzazione delle foto di WordPress in tre parti:
- Ottimizzazione prima di aggiungere foto al sito;
- Ottimizzazione durante l'aggiunta di foto a un articolo;
- Ottimizzazione di massa delle foto sul sito Web senza caricamento.
Ottimizzazione delle immagini WordPress (SEO) quando si inseriscono in un articolo, ancore di immagini
Quando aggiungi un'immagine a qualsiasi sito, puoi impostare: ancoraggio foto (ancoraggio collegamento foto), descrizione, titolo e dimensione. L'ancoraggio è di particolare importanza per i motori di ricerca. L'ancoraggio della foto è specificato dall'attributo alt.
La struttura HTML completa per aggiungere foto a WordPress è simile a questa.
Foto senza didascalia:
Con didascalia della foto:
Didascalia della foto
In WordPress, tutti gli attributi delle foto, inclusa l'ancora, sono impostati in modalità visiva:
Gli attributi vengono aggiunti nella modalità “ ” o nella modalità “Modifica foto”.
Regole per le foto di ancoraggio
- L'attributo alt (anchor) per un'immagine deve essere univoco.
- In un articolo è consigliabile che un'ancora fotografica (attributo alt) contenga la chiave diretta (frase chiave) dell'articolo.
- Se vuoi generare ancore automaticamente, vai a Majento.ru(Majento è preso come esempio e non pretende di essere unico) nel generatore di ancoraggi.
Conclusione 1
Il sistema WordPress ha completamente risolto il problema dell'ottimizzazione del codice immagine. Se lo desideri, puoi inserire visivamente tutti gli attributi necessari dell'immagine che sono importanti per la sua ottimizzazione e il sistema stesso imposterà la dimensione della foto nei tag:
Ottimizzazione delle immagini prima di aggiungerle al sito
L'ottimizzazione delle immagini dovrebbe iniziare prima che vengano aggiunte al sito. E la cosa principale è ridurre le dimensioni della foto senza perdere la qualità.
I programmi per ridurre le dimensioni dei file immagine verranno in soccorso in questa materia. Ecco alcune regole:
- Le foto più leggere nell'estensione jpeg.
- Il formato png e gli screenshot in pnp sono i più pesanti.
Per lavorare regolarmente con le foto, devi provare diversi programmi e sceglierne un paio per il lavoro regolare. Utilizzo i seguenti programmi di fotoritocco e compressione:
- Strumento standard di Microsoft Office (eccellente compressione durante il ridimensionamento fino a 448x);
ottimizzazione delle immagini WordPress utilizzando Microsoft Office 2010 - Ottimo programma Visualizzatore veloce di immagini di pietra(http://www.faststone.org/). Questo è un editor eccellente con la capacità di eseguire una buona compressione di gruppo e modificare il formato della foto;
Ottimizzazione delle immagini WordPress con FastStone - Programma (https://saerasoft.com/caesium/). Si tratta di un programma gratuito con un'eccellente compressione singola o di gruppo di foto in formato jpeg.
Ottimizzazione delle immagini WordPress con Cesium - Raccomando il programma (sourceforge.net/projects/nikkhokkho/files/latest/download). A differenza di Ceasium, questo programma su Windows comprimerà qualsiasi formato di immagine.
Conclusione 2
Devi comprimere le foto prima di aggiungerle al tuo sito WordPress.
Ottimizzazione di immagini in blocco per WordPress
Con WordPress puoi ottimizzare l'intera libreria multimediale di WordPress senza caricare foto.
Per ottimizzare le foto già inserite nella libreria multimediale di WordPress Utilizziamo il plugin: EWWW Image Optimizer(testato sulla versione 4.4.2.). Il plugin è semplice, ma quello funzionante viene aggiornato periodicamente. Il plug-in Cloud (2) consente di ottimizzare le foto utilizzando le tecnologie cloud e di comprimere le foto senza modificare il formato. Questo plugin è a pagamento, $ 0,005 per foto fino a 1000 foto.
Installa il plugin di serie, puoi farlo dal pannello WordPress nella scheda Plugin→Aggiungi nuovo→Cerca per nome.
Dopo aver attivato il plugin, è pronto per funzionare, ma puoi passare alle impostazioni (Impostazioni → EWWW Image Optimizer). Le impostazioni sono in russo, le impostazioni pericolose sono evidenziate con la parola "Attenzione!" A proposito, c'è una funzione per riformattare le foto da PNG e GIF a JPEG. Dopo le impostazioni, apri la pagina del plugin e avvia il processo di ottimizzazione.
Dopo un po' di tempo, guardiamo i risultati della compressione delle foto. Noto che comprimo sempre le foto prima del sito, ma il plugin EWWW Image Optimizer riesce a “spremere” dal 5% al 20% da ogni foto.
Conclusione 3
WordPress, con l'aiuto di un plugin aggiuntivo (plugin), ti consente di ottimizzare in qualsiasi momento le foto dell'intera libreria multimediale del sito.
Come puoi vedere, ottimizzare le immagini WordPress non è difficile. Non c’è bisogno di ignorarlo, perché le foto sono la ragione principale di un sito web lento. Inoltre, ci sono alcuni altri suggerimenti per l’utilizzo delle foto sui siti WordPress.
- Prova a scegliere i formati di immagine vettoriale. La loro qualità non dipende dalla risoluzione o dalle dimensioni, motivo per cui hanno un bell'aspetto su monitor di grandi dimensioni e dispositivi diversi.
- Per le risorse SVG: comprimili, rimuovi il markup XML, controlla l'impostazione di compressione GZIP per i file SVG.
- Per foto raster: scegli la scala e il formato per le foto raster, evita GIF, comprimi le foto prima di aggiungerle al sito (), non aver paura di ridurre la qualità delle foto, riduci il colore quando possibile (ottimale 256 colori), rimuovi i metadati non necessari (
Uno dei motivi principali della popolarità di WordPress è la sua gamma davvero vasta di plugin per tutte le occasioni. Oggi esistono plugin che ti permettono di fare praticamente qualsiasi cosa: inserire pulsanti di social media, gestire mailing list, creare file HTML statici, ecc. Esiste una categoria separata di plugin progettati per ottimizzare il tuo blog, in particolare per aumentare la velocità di caricamento e le prestazioni.
Ciò è particolarmente vero per le pagine con un gran numero di immagini: devono semplicemente essere ottimizzate. Per evitare che il sito si carichi troppo a lungo.
- Hammy. Hammy ottimizza il contenuto grafico della tua pagina. Il plugin genera immagini di varie dimensioni in base ai parametri specificati. Quando un utente accede al tuo sito, Hammy visualizza automaticamente le immagini in base alle impostazioni di dimensione dell'immagine specificate (a volte il minimo consentito).
Questo aiuta il tuo sito a caricarsi più velocemente. Ciò è particolarmente vero per gli utenti che accedono da dispositivi mobili. Hammy è facile da configurare e può funzionare in una delle tre modalità disponibili.
- Carico pigro. Utilizzando il plugin Lazy Load, il processo di caricamento della pagina viene eseguito come segue: le immagini vengono caricate solo quando l'utente le vede (dalla parte della pagina visibile sullo schermo).
Lazy Load è uno dei plugin più facili da configurare. Basta installarlo e attivarlo, velocizza il caricamento del sito senza creare un carico inutile sul server.
- Imsanità. Imsanity ridimensiona le immagini caricate se sono più grandi di quanto specificato nelle impostazioni del plugin. L'unico parametro che deve essere impostato durante la configurazione del plugin è la dimensione e la risoluzione delle immagini caricate. Imsanity ottimizza le immagini direttamente durante il caricamento sul server. È anche possibile elaborare le immagini scaricate in precedenza.
- . HTTP 1.0 consente fino a due connessioni da un dominio. WP-PLS crea sottodomini aggiuntivi, che ti consentono di scaricare file da essi in parallelo. I browser ottengono più host da cui scaricare contenuti. Ciò ti consente di scaricare più file contemporaneamente e il tuo sito funziona più velocemente!
- Ottimizzatore di immagini CW. Vuoi ridurre le dimensioni delle immagini senza perdere la qualità? Questo lavoro è per il plugin Image Optimizer. Anche se non è così facile da installare e configurare. CW Image Optimizer consente anche l'elaborazione in blocco se sul tuo sito sono presenti molte immagini che devono essere ottimizzate.
- EWWW Ottimizzatore di immagini. Questo plugin riduce anche la dimensione dell'immagine senza perdere la qualità. È facile da usare; la pagina del plugin fornisce istruzioni dettagliate e chiare passo dopo passo per installarlo. EWWW Image Optimizer include anche una funzione di elaborazione batch delle immagini.
- Immagini reattive PB. PB Responsive Images regola in modo interattivo le immagini per adattarle alla risoluzione del monitor dell'utente. Inoltre, non è necessario inserire alcun codice. Puoi regolare la dimensione delle immagini e il plug-in modificherà automaticamente la sintassi del codice immagine. Ciò ti aiuterà a ottimizzare la tua pagina per gli utenti che accedono al tuo sito da dispositivi mobili.
- WP Smush.it. Un plugin che utilizza i servizi Smush.it di Yahoo per ottimizzare le tue immagini e ridurne le dimensioni. Smush.it è un plugin abbastanza popolare; non richiede alcuna configurazione aggiuntiva.
Basta installarlo e attivarlo. Dopodiché Smush.it ottimizzerà automaticamente ogni immagine caricata. È anche possibile elaborare più immagini contemporaneamente.
- Parallelizzare. Secondo il nome, il plug-in consente il download parallelo da una risorsa. Ciò fornisce al browser più domini da cui scaricare il file. In questo modo la velocità di caricamento della pagina aumenta, Parallelize è abbastanza semplice da configurare, tuttavia, se non si è sicuri di nessuna delle funzioni, è meglio leggere attentamente le istruzioni.
Traduzione dell'articolo " 9 plugin WordPress per migliorare le prestazioni delle immagini» è stato preparato dal simpatico team di progetto.
Buono cattivo
(Ultimo aggiornamento: 21/10/2017)
Ciao ancora, cari amici! Continuo un argomento importante: ottimizzare automaticamente le immagini WordPress o mettiamola in un altro modo, comprimere le immagini WordPress per accelerare il caricamento del sito. Wow, è quello che sembra. Signore e signori, se per qualche motivo non volete usarlo programmi e servizi per la compressione delle immagini, che ho presentato ai miei lettori in questa pagina, puoi ricorrere ai nostri aiutanti: i plugin.
E allora incontrarsi e scegliere Plugin WordPress per l'ottimizzazione, compressione delle immagini senza perdita di qualità, “per ogni gusto e colore”, quello che fa esattamente per te. Tutti i moduli presentati sono costantemente aggiornati, gli autori si prendono cura delle loro creazioni.
OptiPic: compressione automatica delle immagini senza perdita di qualità
Servizio OptiPic per la compressione delle immagini Puoi automatizzare la riduzione/compressione delle immagini in WordPress utilizzando un plugin del servizio OpticPic:
La semplice connessione di OptiPic al sito richiede letteralmente 2 minuti;
- Il servizio funziona con il pilota automatico completo: la comparsa di nuove immagini (non ancora compresse) viene costantemente monitorata;
- Lavorare con OptiPic è sicuro: prima di ottimizzare ogni immagine, viene creata automaticamente una copia originale;
- C'è una funzione per ridurre la dimensione delle immagini (ridimensionare);
- Esiste un programma di affiliazione in cui puoi guadagnare fino al 40% dai clienti attratti;
- Il servizio supporta non solo i siti su WordPress, ma anche qualsiasi sito su PHP (qualsiasi CMS, framework o anche un sito scritto da sé).
Puoi connettere il plugin WordPress per la compressione automatica delle immagini sul sito web OptiPic.io. Dopo aver installato il plugin WordPress, le immagini verranno ridotte automaticamente. Il modulo troverà le immagini disponibili e ne ottimizzerà le dimensioni senza perdere la qualità. Il plug-in di compressione delle immagini funziona con i formati di immagine più diffusi. Istruzioni video per l'installazione e la configurazione del modulo - https://www.youtube.com/watch?v=Qz6pJDfsKX8.
Ottimizza automaticamente le immagini JPEG e PNG con TinyPNG Riconosci l'immagine? Sì, hai ragione, questo modulo proviene dal noto e popolare servizio online TinyPNG. Ora anche per gli utenti WordPress - ottimizzazione delle immagini sul sito automaticamente con TinyPNG. Questo plugin ottimizza automaticamente le tue immagini integrandosi con il servizio di compressione delle immagini TinyJPG e TinyPNG. In media, le immagini JPEG vengono compresse del 40-60% e le immagini PNG del 50-80%, senza alcuna perdita visibile di qualità. Il tuo sito verrà caricato più velocemente per i tuoi visitatori e risparmierai spazio su disco e larghezza di banda sul tuo hosting! 😉
Per iniziare a lavorare con le immagini compresse JPEG e PNG, prima di tutto installa e attiva il plugin in modo standard, tramite la ricerca plugin nel pannello di amministrazione. Successivamente, devi ottenere una chiave API gratuita. Vai su Impostazioni - File multimediali:
Impostazioni multimediali: compressione PNG e JPEG Fai clic sul collegamento del servizio, verrai indirizzato a un sito Web in cui dovrai inserire il tuo nome e indirizzo e-mail per ricevere la chiave. Successivamente, inserisci la tua "chiave d'oro" nel campo, seleziona le dimensioni dell'immagine da comprimere e "Salva modifiche". Successivamente, puoi comprimere in blocco tutte le immagini precedentemente scaricate sul sito o comprimerle individualmente. 😛
Compressione di immagini su un sito WP Questo è tutto, quindi tutto avverrà automaticamente. Carica un'immagine e non preoccuparti più, il plugin funzionerà per te.
Prizm Image: plugin per la compressione delle immagini Il plug-in Prizm Image ti consente di ridurre la dimensione del file delle tue immagini fino al 70% mantenendo la risoluzione e la qualità dell'immagine. Non solo Google e molti altri esperti web consigliano di ottimizzare le immagini web per migliorare le prestazioni del sito. A Google piace che le pagine dei siti web si carichino rapidamente, quindi non dovresti trascurarlo. Questo strumento comprime le immagini in formato JPEG, PNG e GIF. Per iniziare a lavorare con questo strumento, dopo l'installazione e l'attivazione, dovrai anche ottenere una chiave API gratuita facendo clic sul collegamento del servizio:
Configurazione del plugin Prizm Image Dopo aver inserito la chiave, è possibile selezionare una qualità dell'immagine alta: media (bilanciata per impostazione predefinita) o bassa. E così via.
Come lavorare con Prizm Immagine. Esistono tre modi per ottimizzare l'immagine utilizzando le impostazioni personalizzate. Ottimizzazione automatica dell'immagine aggiunta al sito (a meno che la funzione non sia disabilitata nelle impostazioni - Non elaborare durante il caricamento); Individualmente nella libreria multimediale di WordPress, ottimizza qualsiasi immagine selezionata; Ottimizza in blocco tutte le immagini nella tua libreria multimediale.
Optimus: comprimi le immagini automaticamente Comprimi in modo efficiente le immagini durante il processo di caricamento. Automaticamente e senza perdita di qualità. Un plugin molto semplice, nella versione base gratuita non ci sono quasi impostazioni. Ottimo riduce la dimensione del file caricato sul sito. A seconda dell'immagine e delle dimensioni, può ridursi fino al 70%. Installato, attivato e dimenticato. L'ottimizzazione delle immagini (comprese le miniature) avviene in background ed è visivamente quasi invisibile agli utenti.
L'ottimizzazione delle immagini avviene in background ShortPixel Image Optimiser è uno strumento di compressione delle immagini senza perdita di qualità
Plug-in per la compressione delle immagini: ShortPixel Image Optimiser Il plugin ShortPixel riduce le dimensioni dell'immagine e velocizza il caricamento del sito. La qualità dell'immagine viene preservata utilizzando tecnologie di compressione avanzate. Lo strumento ottimizza automaticamente le immagini utilizzando la compressione senza perdita di dati. Di conseguenza, le immagini non differiscono in termini di qualità dall'originale. Qui, per lavorare con il plugin, devi anche ottenere una chiave API gratuita. La chiave API univoca che ricevi per attivare il plug-in può essere utilizzata per molti dei tuoi siti web:
Plugin ShortPixel: chiave API privata 
Impostazioni ShortPixel Ottimizzatore di immagini Come comprimere le immagini con perdita o meno. Salva gli originali in una cartella separata. Questa pagina conterrà anche tutte le statistiche su come lavorare con il plugin immagine. E l'ultimo plugin rilevante per oggi.
Ottimizzazione dei file immagine con Smush.it per WordPress
Plugin WP Smush.it per l'ottimizzazione delle immagini A giudicare dal numero di utenti, attualmente 1.178.159, che hanno installato il modulo WP Smush.it, questo strumento di compressione delle immagini è il più popolare e richiesto. Si scopre che è il migliore nel suo genere. WP Smush.it scansiona attentamente ogni immagine che carichi - o già aggiunta al tuo sito - e riduce la dimensione del file (peso) senza perdere qualità. Formato immagine per compressione JPEG, GIF e PNG. Esiste una versione gratuita e una PRO, ma la versione base sarà sufficiente. Dopo aver installato e attivato il plugin è possibile configurarlo nella sezione File multimediali - sottosezione WP Smush.it:
Configurazione del plug-in WP Smush.it Non c'è niente di complicato qui. È necessario specificare se comprimere automaticamente i file immagine durante il caricamento sul sito o meno. Puoi fare clic su un pulsante per ottimizzare in modo massiccio tutte le tue foto presenti sul tuo sito web. Questo è fondamentalmente tutto. Ora è chiaro perché è così popolare, ha impostazioni minime ed è facile da gestire, senza chiavi o registrazioni. Ho provato ad applicarlo ad un'immagine sul mio sito e questo è il risultato che ho ottenuto: una riduzione dell'1,0% (251 B) e la qualità, secondo me, è rimasta la stessa. 😯 Puoi immaginare se ottimizzi 100 foto, quanto spazio potrai liberare sul tuo hosting e in più la velocità di caricamento del sito aumenterà. Oh! A Google e Yandex piacerà sicuramente un sito o blog del genere.
Con questo, miei impagabili amici e lettori, vi saluto, non per molto. Ti auguro il meglio e ci vediamo di nuovo. Spero davvero che il post di oggi ti sia stato utile. Ciao ciao.
In questo post tratteremo vari aspetti dell’ottimizzazione delle immagini in WordPress che di solito vengono immeritatamente dimenticati o trascurati.
Non caricare sul sito immagini che pesano 3 Mb direttamente dalla tua fotocamera
Uno dei problemi che tutti i miei clienti hanno dovuto affrontare nei primi trenta giorni dal lancio di un sito WordPress è come lavorare con le immagini. Nonostante tutte le grandi cose che WordPress ha da offrire agli utenti, le immagini continuano a essere un ostacolo per la maggior parte delle persone. In genere, le domande riguardano il ritaglio delle immagini, il caricamento dalla fotocamera, la correzione o la nitidezza del colore di base e molti altri problemi che si verificano prima ancora di accedere al sito. Le moderne fotocamere digitali scattano foto che pesano circa 20 volte di più di quelle necessarie per il tuo sito web (a meno che tu non abbia bisogno di ottimizzarle per i display Retina, ma questa è una storia per un'altra volta).
Ci sono alcuni passaggi fondamentali che devi seguire per rendere le tue immagini pronte per l'uso sul tuo sito. In questo articolo ti mostrerò il modo più semplice per lavorare con le immagini sulla tua risorsa web. Esamineremo anche alcuni servizi e strumenti che molti sviluppatori web ignorano ingiustamente, ma che aiutano a raggiungere velocità di caricamento del sito più elevate.
Qual è il problema?
Prima di tutto, il motivo per utilizzare l’ottimizzazione è indirizzare i tuoi visitatori. A nessuno piacciono le immagini di grandi dimensioni che si caricano molto lentamente. Ridurre la dimensione delle tue immagini ti aiuterà a ridurre le dimensioni della tua pagina e anche a ridurre significativamente i tempi di caricamento della pagina, il che ti aiuterà a raggiungere velocità di caricamento del sito più elevate e avrà un impatto naturale sulla soddisfazione dei tuoi visitatori.
Il motivo per cui le immagini diventano un ostacolo per molti visitatori del sito web è che lavorare con esse copre uno spazio leggermente diverso al di fuori di WordPress, che richiede le tue competenze e abilità. WordPress non è affatto un fattore limitante quando si tratta di immagini; Il problema è la natura stessa dei display e delle fotocamere, dei formati di file e dei DPI, che rendono difficile l’utilizzo delle immagini online.
Naturalmente, devi capire che le fotocamere sono progettate per la stampa, che richiede una risoluzione molto più elevata di quella che i tuoi monitor e display possono offrire. Ciò significa che se inserisci l'immagine della fotocamera direttamente su una pagina web, sarà almeno il doppio della larghezza del display. Anche se modifichi il DPI su 72 (la risoluzione di un normale monitor), l'immagine sarà comunque troppo grande per adattarsi all'area del contenuto larga 800 px.
Se desideri applicare la trasparenza alla tua immagine, dovresti conoscere la trasparenza alfa e i file png a 24 bit. Teniamo anche presente che anche un piccolo JPG con una larghezza di 800 pixel può occupare 1 o 2 Mb se non è adeguatamente ottimizzato. E non solo “ottimizzare”, ma ottimizzare senza perdite.
Quindi, oltre ai nuovi formati di file, dovresti imparare tutto su DPI, pixel (l'unità di misura standard utilizzata nei browser) e anche imparare come ritagliare le tue immagini fino ai limiti desiderati. Per fare tutto questo, avrai bisogno degli strumenti giusti.
Dovrei davvero comprare Photoshop?!
No, non devi farlo. Photoshop, ovviamente, è fantastico, ma non è destinato al semplice editing di immagini. Photoshop è ciò che utilizzo, proprio come qualsiasi altro web designer/sviluppatore decente. Tuttavia, se desideri eseguire un fotoritocco avanzato, puoi utilizzare la versione precedente di CS2, che ora è disponibile gratuitamente. È pieno di tutte le straordinarie funzionalità di Photoshop, mancano solo alcune delle funzionalità più recenti. Puoi scaricare CS2.
Una breve nota: puoi scaricare Photoshop CS2 gratuitamente solo se lo hai già ordinato oppure Acrobat 7 in precedenza. Nulla impedisce all'utente di creare un account in Adobe e scaricare Photoshop, ma tecnicamente non è distribuito gratuitamente.
Installazione di IrfanView
Photoshop è un programma bestiale. Ci vuole molto tempo per caricarsi e ha una curva di apprendimento seria, rendendo difficile fare alcune cose apparentemente intuitive. Invece di Photoshop, preferisco usare IrfanView. È un ottimo strumento con un nome terribile.
IrfanView è un editor di immagini molto leggero ma estremamente funzionale. È gratuito al 100% e viene fornito con tantissime fantastiche estensioni che lo rendono perfetto per l'uso sui siti web. Di seguito ti mostrerò come installarlo e utilizzarlo per il tuo sito web.
Altri strumenti utili:
- GIMP. Uno strumento gratuito che è un'alternativa (con un tratto) a Photoshop. Lo trovo meno user-friendly e poiché Photoshop CS2 è ora gratuito, non vedo il motivo di continuare a utilizzare Gimp, ma piace a molti utenti. Provalo, potrebbe piacerti.
- Picasa. Lo strumento di organizzazione delle foto che utilizzo. Risulta anche avere eccellenti strumenti di fotoritocco. Non penso che Picasa sia adatto per ottimizzare le tue immagini per l'uso sul web, ma vale la pena menzionarlo qui.
- Greenshot. Se hai bisogno di screenshot per il tuo sito web, puoi utilizzare il pratico strumento Greenshot. Lo uso quasi ogni giorno. Mi piaceva.
In questo tutorial mi concentrerò sull'ottimizzazione delle immagini utilizzando IrfanView. In Photoshop il processo è radicalmente diverso; tuttavia, entrambi gli strumenti funzionano alla grande, quindi il risultato finale sarà quasi lo stesso.
Scarica e installa IrfanView
Di solito nessuno lo legge, ma comunque:
Ricorda che WordPress crea 3 immagini aggiuntive da un'immagine caricata. Poiché abbiamo già eseguito l'ottimizzazione, il plugin SmushIt non può ottimizzare ulteriormente l'immagine 400x300. Tuttavia, oltre a questo, WordPress dispone di altre dimensioni di immagine che possiamo ottimizzare in questo modo. SmushIt può ottimizzare molte immagini contemporaneamente. Ecco il rapporto citato da SmushIt per le immagini in questo post.
In secondo luogo, consiglio di installare Photon a chiunque lavori con l'hosting condiviso o che intenda utilizzare molte immagini sul proprio sito. Photon è un CDN offerto da WordPress.com. Una volta caricata la tua immagine, una sua copia viene archiviata sui server WordPress situati in tutto il mondo. Ciò significa che qualcuno a New York sarà in grado di ottenere immagini da un server WordPress che si trova a New York e non dal tuo server. Lo stesso si può dire di San Diego, Sarasota, Austin, Texas ed Europa. Il CDN esegue anche alcune ottimizzazioni delle immagini. Questo servizio è gratuito e permette di velocizzare i tempi di caricamento, ottenere dimensioni di pagina più piccole e una maggiore soddisfazione dell'utente.
Altre risorse per l'ottimizzazione delle immagini
Se sei arrivato fin qui, lascia che ti ringrazi per aver letto! Vuoi davvero ottimizzare le immagini sul tuo sito - ed è fantastico! Ci sono molti altri aspetti e aspetti diversi dell'ottimizzazione di cui possiamo parlare. Cercherò di trattarli in futuro: riguarderanno immagini adattive e immagini retina-ready. Per non annoiarvi, suggerisco di testare voi stessi i seguenti due plugin:
Se vuoi saperne di più sulle differenze tra JPG, PNG e GIF, ti consiglio la seguente risorsa: http://luci.criosweb.ro/riot/basic-understanding-of-web-formats/. Un'altra buona lettura: i suggerimenti di Google per aumentare la velocità del tuo sito ottimizzando le tue immagini. Perché Google si preoccupa di questo? I fattori di velocità delle tue pagine vengono presi in considerazione nel posizionamento del tuo sito nei risultati di ricerca. Questo è un altro motivo per ottimizzare. Ecco il link:
