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 701.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Avere immagini buone e decenti può essere complicato quando si tratta di migliorare le prestazioni di un sito Web WordPress. Tant'è che avevamo pochi iscritti, che ci chiedevano sempre 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 stai 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 e quindi viene ridimensionata per adattarsi 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.

Compressione di immagini Humminbird

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

  • Modifica il file delle funzioni del tuo tema WordPress e file modello
  • Ritaglia l'immagine alla dimensione prevista nel file 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 delle immagini del tuo tema WordPress

Per risolvere questo problema nel tuo tema, devi assicurarti che le immagini siano salvate correttamente. Per ulteriori informazioni su come eseguire questa operazione, leggi il nostro tutorial di ridimensionamento delle immagini per il tuo tema.

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

Aggiornamento delle tue immagini in WordPress

Mentre potresti aspettare che il tuo sviluppatore di temi WordPress risolva questo problema, ci sono altri metodi di ridimensionamento manuale delle immagini che puoi provare 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.

Modifica un'immagine multimediale di wordpress

Ritaglia l'immagine secondo necessità utilizzando 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 impostata dal tuo tema WordPress a seconda delle dimensioni dell'immagine originale.

Puoi anche usare uno dei file 6 plugin di editing di immagini di WordPress che scoprirai consultando questo link 

Se scegli di ingrandire la tua immagine, rimane nella giusta proporzione rispetto all'immagine originale. D'altra parte, se decidi di ritagliare la tua immagine, potrebbe non essere necessariamente questione di modificarla proporzionalmente in base alle dimensioni che scegli.

Puoi ridimensionare l'immagine digitando la larghezza e l'altezza desiderate, quindi facendo 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 rilascia il clic del mouse per visualizzare la selezione.

Ridimensionamento delle immagini su wordpress

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

Applica le dimensioni alle immagini

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]

Modifica dell'immagine nella libreria multimediale

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.

Plugin per chat per utenti di Wordpress Buddypress

Una volta che questo plugin è installato su qualsiasi blog, forum, comunità, directory, sito web di e-commerce o sito web sociale 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.  Fai clic sulla chat di whatsapp per wordpress

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 plugin richiede il numero di WhatsApp, l'ora e il giorno, che il proprietario del sito web o il team di supporto utilizzerà per discutere. Il pulsante Chat può essere aggiunto nella 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.

Opzioni extra del prodotto Woocommerce

Tra le sue caratteristiche troveremo tra le altre: la 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, ilhoix tra l'aumento sui prezzi fissi o percentuali, 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 per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per questo tutorial, spero che sarai in grado di modificare, ridimensionare e comprimere le tue immagini. Non esitare 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