Vai al contenuto principale

Come comprimere e ridimensionare le immagini su WordPress

Divi: il tema WordPress più semplice da usare

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]

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, con il quale dobbiamo andare tutti. 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 trovare, 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 di grandi dimensioni nel proprio browser, viene caricata la dimensione originale dell'immagine e viene ridimensionata per adattarla alle dimensioni specificate nel tema WordPress.

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

Scopri anche il nostro plugin WordPress 10 per generare 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.

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]

Salvataggio delle dimensioni dell'immagine del tema WordPress

Per risolvere questo problema nel tema, è necessario assicurarsi che le immagini vengano salvate correttamente. Per ulteriori informazioni su come procedere, leggi il nostro tutorial di ridimensionamento delle immagini 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 che offriamo di seguito.

Comprimi le immagini nel catalogo multimediale

Per ritagliare un'immagine manualmente, 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, questa rimane nella proporzione corretta rispetto all'immagine originale. D'altra parte, se decidi di ritagliare l'immagine, potrebbe non essere necessario modificarla in modo proporzionale in base alle dimensioni scelte.

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

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

Questa opzione per modificare la dimensione delle immagini è disponibile anche dalla libreria multimediale.

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]

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 WordPress di BuddyPress che imposta un sistema di chat sul tuo blog o sito Web WordPress.

Una volta installato questo plug-in su qualsiasi blog, forum, community, directory, sito Web di e-commerce o sito Web social BuddyPress, tutti gli utenti connessi possono chattare automaticamente 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.

Scopri anche il nostro Plugin 10 WordPress per nascondere contenuti premium sul tuo blog

Questo plug-in richiede il numero, l'ora e il giorno di WhatsApp, che il proprietario del sito Web o il team di supporto utilizzerà per chattare. Il pulsante 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 permetterà di creare opzioni di prodotto aggiuntive con supporto per la logica condizionale. Sarai anche in grado di creare moduli, convertire i menu a discesa degli attributi in pulsanti 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, iimport / export in altre forme, possibilità di nascondere o visualizzare i prezzi, il supporto dilogica 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. [Consigliato]

Risorse raccomandate

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.

...

Questo articolo contiene i commenti 2

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