Vai al contenuto principale

Come comprimere e ridimensionare le immagini su WordPress

Divi: il tema WordPress più semplice da usare

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Avere buone immagini corrette può essere complicato quando si tratta di migliorare le prestazioni di un sito Web WordPress. Tanto che abbiamo avuto alcuni abbonati, che ci hanno sempre chiesto come comprimere e ridimensionare correttamente le immagini.

Questo è un aspetto importante nell'ottimizzazione del tuo sito Web, a cui tutti dobbiamo andare. Se ci segui da molto tempo, probabilmente ne hai sentito parlare Plugin Hummingbird di WPMUDEV.

Questo è un plug-in che può consentire di ridurre le dimensioni di un'immagine di 75%, il che è notevole.

Quindi, in questo tutorial, spiegherò come ridimensionare manualmente le tue immagini nella tua dashboard e nel tuo tema WordPress.

Ma prima, se non hai mai installato WordPress, scopri Come installare un tema WordPress et Come cercare, installare e attivare un tema WordPress sul tuo blog

Quindi torniamo al perché siamo qui.

Perché hai bisogno di ridimensionare e comprimere le tue immagini?

Questo è un suggerimento che offre Hummingbird. Questo suggerimento significa che stai usando un'immagine caricata sul tuo blog WordPress in cui le dimensioni sono maggiori di quelle utilizzate nel tuo tema.

Ciò accade spesso quando si verifica un errore con il tema WordPress che si sta utilizzando e le immagini più grandi non vengono ritagliate automaticamente alle dimensioni previste. Invece, vengono ridimensionati per adattarsi.

Vai oltre scoprendo Perché devi iniziare a ottimizzare il tuo blog WordPress per immagini

Ciò significa che quando un visitatore carica la pagina con l'immagine sovradimensionata nel proprio browser, viene caricata la dimensione originale dell'immagine, che viene ridimensionata per adattarsi alle dimensioni specificate nel tema WordPress.

Questo ulteriore, improvviso passaggio per il ridimensionamento di immagini più grandi richiede ulteriori richieste e risorse dal server per il caricamento su una pagina.

Scopri anche il nostro Plugin 10 WordPress per indirizzare il traffico verso il tuo blog

Il risultato è una velocità della pagina più lenta, un punteggio Hummingbird più basso, quindi la raccomandazione di comprimere e ridimensionare le immagini.

Sebbene WP Smush Pro può risolvere automaticamente la raccomandazione di comprimere un'immagine, non è il caso del suggerimento " comprimere e ridimensionare". Per quest'ultimo, è necessario apportare manualmente la modifica e ci sono diversi modi per farlo:

  • Modifica il file delle funzioni del tuo tema WordPress e file modello
  • Ritaglia l'immagine fino alla dimensione prevista in biblioteca multimediale
  • Regola le impostazioni multimediali

Di seguito troverai maggiori dettagli su come ridimensionare le tue immagini con questi metodi.

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 600.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Salvataggio delle dimensioni dell'immagine del tema WordPress

Per risolvere questo problema nel tuo tema, devi assicurarti che le immagini siano correttamente salvate. Per ulteriori informazioni su come procedere, leggi il nostro tutorial sul ridimensionamento dell'immagine per il tuo tema.

Se preferisci non toccare il codice, puoi informare l'autore del tuo tema WordPress e chiedere loro di apportare le modifiche necessarie per te. Una volta completata la correzione, puoi aggiornare il tema di WordPress per aggiungere le modifiche al tuo sito web.

Aggiornamento delle tue immagini in WordPress

Anche se stai aspettando che lo sviluppatore del tuo tema WordPress risolva questo problema, puoi provare altri metodi di ridimensionamento manuale delle immagini che offriamo di seguito.

Comprimi le immagini nel catalogo multimediale

Per ritagliare manualmente un'immagine, vai a " Media> Libreria E seleziona facendo clic sull'immagine che desideri ritagliare. Quindi fare clic sul pulsante Modifica immagine per aprire l'interfaccia di modifica.

Ritaglia l'immagine secondo necessità usando le opzioni corrispondenti a destra. Tieni presente che se riduci l'immagine per adattarla alla larghezza di cui hai bisogno, l'altezza potrebbe essere più corta o più lunga della dimensione definita dal tuo tema WordPress a seconda delle dimensioni dell'immagine originale.

Puoi anche usare uno dei Plugin di modifica delle immagini 6 WordPress che scoprirai consultando questo link

Se si sceglie di ingrandire l'immagine, rimane in proporzione adeguata all'immagine originale. D'altra parte, se decidi di ritagliare la tua immagine, potrebbe non essere necessario modificarla proporzionalmente in base alle dimensioni che scegli.

Puoi ridimensionare l'immagine digitando la larghezza e l'altezza desiderate, quindi fare clic su " ridimensionare Oppure, se preferisci ritagliare la tua immagine, puoi farlo facendo clic e trascinando il mouse sull'immagine e selezionando l'area desiderata. Quindi rilasciare il clic del mouse per rivelare la selezione.

Una volta fatto, non dimenticare di fare clic su " Enregistrer". Puoi anche applicare le impostazioni a qualsiasi dimensione.

Questa opzione per cambiare la dimensione delle immagini è disponibile anche dal catalogo multimediale.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Scopri anche alcuni plugin WordPress premium

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Bpchat

Bpchat è un'estensione di WordPress di BuddyPress che configura un sistema di chat sul tuo blog o sito web WordPress.

Una volta che questo plugin è installato su qualsiasi blog, forum, comunità, directory, sito di e-commerce o sito web sociale BuddyPress, tutti gli utenti connessi possono automaticamente chattare all'istante.

CIl plug-in di WordPress crea anche un modo semplice per chattare online, che assomiglia un po 'a quello che offre Facebook.

Download | Demo | Web Hosting

2. Fare clic su Chat WhatsApp

Il plug-in Click to WhatsApp Chat di WordPress consente ai clienti di WordPress di connettersi facilmente con il proprietario del sito Web o l'assistenza clienti utilizzando il proprio account WhatsApp.

Basta un clic sull'account WhatsApp e verrà indirizzato direttamente all'account WhatsApp mobile con un messaggio predefinito. E se il client è su desktop o laptop, verrà reindirizzato a WhatsApp Web.

Questo plugin richiede il numero e l'ora e il giorno di WhatsApp, che il proprietario del sito web o il team di supporto utilizzerà per chattare. Il pulsante di chat può essere aggiunto alla pagina dei dettagli del prodotto WooCommerce, che è direttamente correlato a questo prodotto.

Download | Demo | Web Hosting

3. WooCommerce Opzioni Extra prodotto

WooCommerce Extra Product Options è un'estensione di WordPress che ti consentirà di creare ulteriori opzioni di prodotto con supporto per la logica condizionale. Sarai anche in grado di creare moduli, convertire i menu a discesa degli attributi nel pulsante di opzione e altro ancora.

Tra le sue caratteristiche troveremo tra gli altri: il psupporto per più tipi di campi, il cprezzi in base ai campi selezionati, il costruttore visivo dei campi modulo, il supporto di shortcode, la possibilità diattivare le sue opzioni per ruoli specifici, ilbufala tra l'aumento sui prezzi fissi o in percentuale, iimportare / esportare le funzionalità in altre forme, il ppossibilità di nascondere o visualizzare i prezzi, il supporto dellogica condizionale su campi e sezioni nel costruttore di moduli, ilcompatibilità con diversi plugin ed estensioni eCommerce, un ddocumentazione dettagliata, e di più ...

Download | Demo | Web Hosting

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [FREE]

Risorse consigliate

Scopri altre risorse consigliate che ti accompagneranno nella creazione e gestione del tuo sito web.

Conclusione

Ecco ! Questo è tutto per questo tutorial, spero che sarai in grado di modificare, ridimensionare e comprimere le tue immagini. Non esitate a condividi con i tuoi amici sui tuoi social network preferiti.

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Se hai suggerimenti o commenti, lasciali nella nostra sezione commentaires.

...

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
7 azioni
quota6
Tweet
Enregistrer1
WhatsApp