Treci la conținutul principal

Cum de a comprima și redimensiona imagini pe WordPress

Divi: cea mai ușoară temă WordPress de utilizat

Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62. [Recomandat]

Trebuie să comprimați imagini sau doriți să redimensionați imaginile în WordPress?

A avea imagini bune și decente poate fi dificil atunci când vine vorba de îmbunătățirea performanței unui site web WordPress. Atât de mult încât am avut câțiva abonați, care ne-au întrebat întotdeauna cum să comprimăm și să redimensionăm corect imaginile.

Acesta este un aspect important în optimizarea site-ului dvs. web prin care trebuie să trecem cu toții. Dacă ne urmărești de mult timp, probabil ai auzit de Plug-ul Hummingbird de la WPMUDEV.

Acesta este un plugin care vă poate permite să reduceți dimensiunea unei imagini de 75%, ceea ce este considerabil.

Deci, în acest tutorial, vă voi explica cum să redimensionați manual imaginile în tabloul de bord și în tema dvs. WordPress.

Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează o temă WordPress et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

De ce trebuie să vă redimensionați și să comprimați imaginile?

Aceasta este o sugestie care oferă Hummingbird. Această sugestie înseamnă că utilizați o imagine încărcată pe blogul dvs. WordPress unde dimensiunea este mai mare decât cea utilizată în tema dvs.

Acest lucru se întâmplă adesea atunci când există o eroare cu tema WordPress pe care o utilizați și imaginile mai mari nu sunt decupate automat la dimensiunile așteptate. În schimb, sunt redimensionate pentru a se potrivi.

Mergeți mai departe descoperind De ce trebuie să începeți să vă optimizați blogul WordPress prin imagini

Aceasta înseamnă că atunci când un vizitator încarcă pagina cu imaginea supradimensionată în browserul său, dimensiunea originală a imaginii este încărcată și apoi este redimensionată pentru a se potrivi dimensiunilor specificate în tema dvs. WordPress.

Acest pas suplimentar brusc de redimensionare a imaginilor mai mari necesită solicitări și resurse suplimentare de la server pentru a se încărca pe o pagină.

Descoperiți și noi Plugin-uri pentru a genera WordPress 10 trafic pe blog

Rezultatul este o viteză mai mică a paginii, un scor Hummingbird mai mic, de unde recomandarea de a comprima și redimensiona imaginile.

comprimați imaginile - compresia imaginii humminbird

Deși WP Smush Pro poate rezolva automat recomandarea de a comprima o imagine, nu este cazul sugestiei " comprimați și redimensionați". Pentru acesta din urmă, trebuie să faceți modificarea manual și există mai multe moduri de a face acest lucru:

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați cu ușurință orice design de site web cu un aspect profesionist. Nu mai plătiți scump pentru ceea ce puteți face singur. [Gratuit]

  • Editați fișierul de funcții al fișierelor dvs. de temă și șablon WordPress
  • Decupați imaginea la dimensiunea așteptată în biblioteca multimedia
  • Reglați setările multimedia

Mai jos veți găsi mai multe detalii despre modul de redimensionare a imaginilor cu aceste metode.

Salvarea dimensiunilor imaginii temei dvs. WordPress

Pentru a remedia această problemă în tema dvs., trebuie să vă asigurați că imaginile sunt salvate corect. Pentru mai multe informații despre cum se face acest lucru, citiți tutorial de redimensionare a imaginii pentru tema dvs..

Dacă preferați să nu atingeți niciun cod, puteți să-l anunțați pe autorul temei dvs. WordPress și să-i cereți să facă modificările necesare pentru dvs. Odată ce patch-ul este complet, puteți actualiza tema WordPress pentru a adăuga modificările site-ului dvs. web.

Actualizarea imaginilor în WordPress

În timp ce s-ar putea să așteptați ca dezvoltatorul temei WordPress să remedieze această problemă, există alte metode manuale de redimensionare a imaginii pe care le puteți încerca pe care le oferim mai jos.

Imagini colaps în media media

Pentru a decupa manual o imagine, accesați „ Media> Biblioteca »Și selectați făcând clic pe imaginea pe care doriți să o decupați. Apoi faceți clic pe buton Editați imaginea pentru a deschide interfața de editare.

redimensionați imaginile - editați imaginea media wordpress

Decupați imaginea după cum este necesar folosind opțiunile corespunzătoare din dreapta. Rețineți că, dacă micșorați imaginea pentru a se potrivi cu lățimea de care aveți nevoie, înălțimea poate fi mai mică sau mai lungă decât dimensiunea stabilită de tema dvs. WordPress, în funcție de dimensiunile imaginii originale.

Puteți utiliza, de asemenea, unul dintre 6 pluginuri de editare a imaginilor WordPress pe care le veți descoperi consultând acest link 

Dacă alegeți să vă măriți imaginea, aceasta rămâne în proporția corespunzătoare față de imaginea originală. Pe de altă parte, dacă decideți să decupați imaginea, este posibil să nu fie neapărat o problemă de editare proporțională pe baza dimensiunilor pe care le alegeți.

Puteți redimensiona imaginea dvs. tastând lățimea și înălțimea dorită, apoi făcând clic pe „ redimensiona Sau, dacă preferați să decupați imaginea, puteți face acest lucru făcând clic și trăgând mouse-ul peste imagine și selectând zona dorită. Apoi eliberați clicul mouse-ului pentru a vă afișa selecția.

Redimensionarea imaginii pe wordpress

Odată terminat, nu uitați să faceți clic pe „ Registru“. Puteți aplica setările la orice dimensiune.

Aplicați dimensiunea imaginilor

Căutați cele mai bune teme și pluginuri WordPress?

Descărcați cele mai bune pluginuri și teme WordPress pe Envato și creați cu ușurință site-ul dvs. Web. Deja mai mult de descărcări 49.720.000. [EXCLUSIV]

Această opțiune pentru modificarea dimensiunii imaginilor este disponibilă și din biblioteca media.

Modificare imagine în biblioteca media

Descoperiți și câteva plugin-uri premium WordPress  

Puteți utiliza alte plugin-uri WordPress pentru a da un aspect modern și a optimiza aderența blogului sau a site-ului dvs. web.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. Bpchat

Bpchat este o extensie WordPress a BuddyPress care stabilește un sistem de chat pe blogul dvs. sau pe site-ul WordPress.

Plugin de chat pentru utilizatorii Wordpress buddypress

Odată ce acest plugin este instalat pe orice blog, forum, comunitate, director, site web de comerț electronic sau site social BuddyPress, toți utilizatorii conectați pot conversa automat instantaneu.

Cpluginul WordPress stabilește, de asemenea, o modalitate ușoară de chat online, care arată cam așa cum oferă Facebook.

Descarca | Demo | web hosting

2. Faceți clic pe chatul WhatsApp

Pluginul WordPress Click pentru WhatsApp permite clienților WordPress să se conecteze ușor cu proprietarul site-ului sau asistența clienților utilizând contul WhatsApp.  Faceți clic pentru chat WhatsApp pentru wordpress

Doar faceți clic pe contul WhatsApp și va fi direcționat direct către contul WhatsApp mobil cu un mesaj implicit. Și dacă clientul este pe desktop sau laptop, va fi redirecționat către WhatsApp Web.

Descoperiți și noi Pluginurile 10 WordPress pentru a ascunde conținutul premium pe blogul dvs.

Acest plugin necesită numărul WhatsApp, ora și ziua, pe care proprietarul site-ului web sau echipa de asistență le va folosi pentru a discuta. Butonul Chat poate fi adăugat pe pagina de detalii a produsului WooCommerce, care este direct legat de acest produs.

Descarca | Demo | web hosting

3. Opțiunile pentru produse WooCommerce Extra

Opțiunile produsului WooCommerce Extra este o extensie WordPress care vă va permite să creați opțiuni suplimentare de produs cu suport pentru logica condiționată. Veți putea, de asemenea, să creați formulare, să convertiți dropdown-urile de atribute în butoane radio și multe altele.

Opțiuni suplimentare de produse Woocommerce

Printre caracteristicile sale vom găsi printre altele: psuport pentru mai multe tipuri de câmpuri, cprețuri în funcție de câmpurile selectate, constructorul vizual al câmpurilor de formă, suportul codurilor scurte, posibilitatea deactivează opțiunile sale pentru roluri specifice,hoix între creșterea prețurilor fixe sau procentuale, iimport / export în alte forme, pagosibilitatea de a ascunde sau afișa prețurile, suportullogica condiționată pe câmpuri și secțiuni în constructorul formularului,ompatibilitate cu mai multe pluginuri și extensii de comerț electronic, și ddocumentație detaliată și mai mult ...

Creați ușor magazinul dvs. online

Descărcați gratuit WooCommerce, cele mai bune pluginuri de e-commerce pentru a vă vinde produsele fizice și digitale pe WordPress. [Recomandat]

Descarca | Demo | web hosting

Resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

Concluzie

Asta e! Asta-i tot pentru acest tutorial, sper că veți putea edita, redimensiona și comprima imaginile. Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.

Dacă aveți sugestii sau observații, lăsați-le în secțiunea noastră comentarii.

...  

Acest articol conține comentarii 2

Lasă un comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *

Acest site folosește Akismet pentru a reduce nedorite. Aflați mai multe despre modul în care sunt utilizate datele dvs. de comentarii.

Inapoi in top
7 acțiuni
acțiune6
tweet
Registru1