Ottimizzazione delle immagini per il plugin Elementor di WordPress

Il concetto di blocchi modulari che compongono post e pagine di WordPress è nato con Gutenberg, ma in realtà WordPress stesso ha una struttura modulare. Prendiamo ad esempio la libreria multimediale di WordPress. È possibile caricare immagini e utilizzarle in post o pagine, indipendentemente dall'editor utilizzato. In questo articolo, ci concentreremo specificamente su Elementor e su come ottimizzare le immagini utilizzando ImageRecycle.

Proprio come Gutenberg, Elementor è un editor per WordPress che ti permette di creare post o pagine vedendo come appariranno ai tuoi lettori. Anche la struttura di Elementor è simile a quella di Gutenberg, in quanto utilizza il concetto ormai familiare di blocchi. Questo rende l'utilizzo della Libreria multimediale di WordPress ancora più semplice, anche quando si aggiungono immagini ottimizzate. Ma andiamo con ordine: come si ottimizzano le immagini su WordPress?

Ottimizzazione delle immagini con ImageRecycle

Se non hai mai utilizzato ImageRecycle , ottimizzare le immagini di WordPress è un processo semplice e veloce. Per prima cosa, scarica e installa il ImageRecycle sul tuo sito web WordPress. Una volta installato il plugin, accedi alla sua configurazione nel delle impostazioni e inserisci la tua chiave API e il tuo segreto. Salva le modifiche e, se la chiave e il segreto corrispondono, puoi iniziare subito a ottimizzare le immagini.

È possibile accedere all'interfaccia principale ImageRecycle dal Media . Questa pagina è semplice e piuttosto intuitiva da usare. Elenca tutte le immagini presenti nella libreria multimediale, con le relative dimensioni e i relativi tassi di compressione. È possibile fare clic sul "Ottimizza " accanto alle singole immagini per comprimerle, oppure sul "Ottimizza tutto" per ottimizzare tutte le immagini contemporaneamente.

Molto di ciò che accade durante la compressione dipende dalle ImageRecycle . Ad esempio, è possibile scegliere di utilizzare la compressione con il miglior salvataggio o la compressione con la qualità originale, che possono comprimere le immagini rispettivamente fino all'80% e al 20%. Puoi leggere di più sulla differenza tra queste due modalità qui .

Qualunque sia la modalità di ottimizzazione scelta, queste immagini vengono salvate nella libreria multimediale di WordPress, il che significa che puoi utilizzarle nei tuoi post e nelle tue pagine... indipendentemente dall'editor che stai utilizzando. Nel resto di questo articolo, ci concentreremo su un editor in particolare: Elementor.

Utilizzo di immagini ottimizzate in Elementor

Elementor è un potente editor per post e pagine WordPress. Come Gutenberg, organizza i contenuti in blocchi, ognuno dei quali rappresenta un elemento diverso. Come sapete, nessun sito web è veramente completo senza immagini e Elementor non è da meno in questo campo. È qui che entra in gioco la Libreria Multimediale.

Abbiamo iniziato l'articolo spiegando che WordPress è piuttosto modulare, ed è qui che tutto si collega. Da dove prenderebbe Elementor le sue immagini, se non dalla Libreria Multimediale? Ovvero, dalla stessa Libreria Multimediale di WordPress che hai appena ottimizzato con ImageRecycle.

Utilizzare le immagini compresse di ImageRecyclein Elementor è semplicissimo: basta trascinare e rilasciare qualsiasi blocco immagine, che sia un'immagine base, un carosello, una galleria o qualsiasi altra cosa, e caricare le immagini. È possibile selezionare le immagini direttamente dalla Libreria multimediale di WordPress, che carica automaticamente le immagini compresse.

WordPress è essenzialmente modulare e sarebbe uno spreco non sfruttarlo appieno. ImageRecycle si integra con qualsiasi editor tu utilizzi senza interferire con il tuo flusso di lavoro. Tutto ciò che devi fare è ottimizzare le immagini e inserirle nel tuo blog in un secondo momento, consentendoti di ottimizzare l'esperienza dei tuoi lettori WordPress, indipendentemente dall'editor che utilizzi.