Ինչպե՞ս հստակեցնել պատկերի չափերը WordPress- ում (GTmetrix նյութ)

Պետք է նշեք պատկերի չափերը WordPress- ում?


Սա նշանակում է, որ անհրաժեշտ է ավելացնել լայնություն և բարձրություն պատկերի HTML կամ CSS: Եթե ​​պատկերում նշված չեն պատկերի չափսեր, ապա այն որպես սխալ կհայտնվի ձեր GTmetrix զեկույցում, և GTmetrix- ը նույնիսկ ձեզ կասի այն ճիշտ լայնությունը և բարձրությունը, որը պետք է ավելացվի այդ պատկերին.

Նշեք պատկերի չափերը WordPress

Այն ամենը, ինչ դուք պետք է անեք, այն է, որ պատկերը տեղադրեք ձեր WordPress կայքում, դիտեք դրա HTML- ը, այնուհետև ավելացրեք լայնություն և բարձրություն ՝ այսպիսին է.

1. Գտեք GTmetrix- ում պատկերված պատկերների չափման սխալները

GTmetrix- ը միայն սխալներ է ցույց տալիս ձեր ստուգած մեկ էջի համար.

Runանկացած էջ վարեք GTmetrix- ի միջոցով, և մինչ այդ պատկերները նշում են պատկերի չափման սխալները.

Նշեք պատկերի չափերը GTmetrix

2 Պատճեն Պատկերների լայնությունը + Բարձրությունը GTmetrix- ից

Հաջորդը, պատճենեք պատկերի լայնությունը + բարձրությունը (տրամադրված է GTmetrix- ի կողմից).

GTmetrix պատկերի չափերը

3. Տեղադրեք պատկերը ձեր կայքում

Այժմ մենք պետք է տեղադրենք պատկերը ձեր WordPress կայքում.

The WordPress վիզուալ խմբագիր ինքնաբերաբար սահմանում է պատկերի չափերը ձեզ համար, ուստի այստեղ պատկերների համար սովորաբար սխալներ չեն լինում: Այնուամենայնիվ, ձեր վեբ կայքի որոշ ոլորտներ կարող են ինքնաբերաբար չնշել պատկերի չափերը (հնարավոր է ՝ էջի ստեղծողներ, սայթաքողներ, ֆայլեր և ձեռքով ծածկագրված HTML կամ CSS): Դուք պետք է սովորեք, որը տարածք ձեր WordPress կայքի սխալներն են տալիս.

Տեղադրեք WordPress widget- ի պատկերը

Նշեք պատկերի չափերի widget

4. Պատկերների HTML- ին ավելացնել լայնությունը + բարձրությունը

Պատկերը տեղադրելուց հետո այն դիտեք HTML- ը, և կիմանաք, որ սահմանված լայնություն + բարձրություն չկա: Այն ամենը, ինչ դուք պետք է անեք, ներմուծեք դրանք HTML- ի նման ՝ լայնություն = ”135 ″ բարձրություն =” 135 ″

Նշեք պատկերի չափերը WordPress

5. Վերստուգեք էջը GTmetrix- ում

Պահպանեք փոփոխությունները և վերստուգեք էջը GTmetrix- ի միջոցով: Պատկերը, որը սխալներ է ունեցել, պետք է ամրագրվի.

100% նշեք պատկերի չափերը

6. Օգտագործեք Specify Image Dimensions Plugin

The Նշեք Image Dimensions plugin- ը սկանավորում է ձեր կայքը բոլորի համար պիտակներ, որոնք բացակայում են + լայնություն + և ինքնաբերաբար ավելացնում են դրանք: Այնուամենայնիվ, ես այս plugin- ի հետ հաջողության չեմ ունեցել.

Նշեք Image Dimensions plugin- ը

7. Fixնջել Բազմաթիվ էջերում նշել պատկերի չափման սխալները

Նույն պատկերը հայտնվում է բազմաթիվ էջերում / գրառումների մեջ և պարունակում է պատկերի չափման սխալներ?

Կարող եք օգտագործել ավելի լավ որոնում փոխարինել plugin- ը `ձեր լոգոն, widget պատկերները և այլ պատկերներ շտկելու համար, որոնք հայտնվում են բազմաթիվ էջերում` առանց դրանց առանձին-առանձին անցնելու: Դա կարող է խնայել ժամանակը.

Քայլ 1Տեղադրեք Ավելի լավ որոնում Փոխեք plugin- ը.

Քայլ 2«Որոնել» դաշտում ավելացրեք պատկերի HTML առանց նշված լայնության + բարձրության: «Փոխարինեք հետ» դաշտում, ավելացրեք պատկերի նոր տարբերակը, որը ներառում է լայնությունը + բարձրությունը.

Քայլ 3Ընտրեք աղյուսակը (ներ) ը, որը ցանկանում եք, որ plugin- ը սկան և փոխարինի պատկերները: Եթե ​​ցանկանում եք ստուգել այն, կարող եք չոր առաջադրվել, հակառակ դեպքում ընտրեք այդ տարբերակը և կտտացրեք «Գործարկել որոնումը / փոխարինումը»:

Ավելի լավ որոնում փոխարինեք նկարները

Քայլ 4. Plugin- ը կաշխատի որոնումը / կփոխարինի պատկերը ձեր ընտրած բոլոր սեղաններում: Ավարտելուց հետո Better Search Replace- ը ձեզ ասում է, թե քանի սեղան է սկանավորել և քանի պատկեր է այն փոխարինել.

Այլ պատկերներ օպտիմիզացում

Ես գրել եմ ամբողջ ձեռնարկը Պատկերները WordPress- ում օպտիմալացնելով որը ներառում է.

  • Սեղմող պատկերներ
  • Պատկերների սպասարկում CDN- ի միջոցով
  • GIFS- ի չափափոխմամբ
  • EXIF- ի տվյալների հեռացումը
  • Ծույլ բեռնման պատկերներ + տեսանյութեր
  • Cloudflare Mirage, լեհերեն, Hotlink պաշտպանություն

Պատկերների օպտիմիզացում GTmetrix- ում

Փնտրում եք ավելի շատ WordPress Speed ​​Tutorials?
Ահա այլ ձեռնարկներ, որոնք ես գրել եմ.

  • Ինչպես կարգավորել WP հրթիռը (քեշի հավելվածը, որը ես խորհուրդ եմ տալիս)
  • Cloudways ընդդեմ SiteGround (ես առաջարկում եմ երկու լավագույն տանտերերը)
  • Ինչպե՞ս ստացա 100% GTmetrix միավորներ (WordPress Speed ​​Guide)

WordPress- ի արագության օպտիմիզացիայի ունեմ նաև հիանալի տեսանյութ ՝

Հուսով եմ, որ այս ձեռնարկը ձեզ օգնեց, և դուք այլևս չեք նշում պատկերների չափման սխալները!

Հաճախակի տրվող հարցեր

&# x2705; Ինչպե՞ս եք պատկերացնում պատկերի չափերը?

Գտեք սխալը GTmetrix- ում և նշեք պատկերի պատշաճ լայնությունը + բարձրությունը (տրամադրված է GTmetrix- ի կողմից): Հաջորդը, պատկերը տեղադրեք ձեր WordPress վահանակում և դիտեք, որ այն HTML կոդ է: Հաջորդը, պատկերի HTML- ին ավելացնել լայնություն + բարձրություն: Օրինակ. Լայնություն = “680 ″ բարձրություն =” 340

&# x2705; Որտեղ կարող եմ գտնել պատկերի ճիշտ չափը?

GTmetrix- ը ձեզ ասում է պատկերների ճիշտ չափերը, որոնք չունեն հստակ լայնություն + բարձրություն ՝ Նշեք պատկերի չափերը.

&# x2705; Ինչպե՞ս եք օպտիմալացնում նկարները GTmetrix- ում?

Սա նշանակում է, որ դուք պետք է անպատվորեն սեղմեք պատկերները սեղմելով ShortPixel- ի կամ Imagify- ի հավելվածի միջոցով: Ես օգտագործում եմ ShortPixel- ը.

&# x2705; Ինչպե՞ս եք ծառայում մասշտաբային պատկերներին?

Եթե ​​GTmetrix- ում ծառայել եք մասշտաբային պատկերի սխալներ, դա նշանակում է, որ վերբեռնում եք չափազանց մեծ պատկերներ, և դրանք պետք է չափափոխվեն ճիշտ չափսերի մեջ: Ձեր սողաններ, պորտֆոլիո պատկերներ, widget պատկերներ, բլոգի ամբողջ լայնությամբ նկարներ և ձեր կայքի այլ բաժիններ կոչ են անում հատուկ չափեր: Նրանց վերբեռնելու համար անհրաժեշտ է չափափոխել չափը, որպեսզի դրանք տեղավորվեն.

Ինձ թողեք մեկնաբանություն, եթե դեռ հարցեր ունեք.

Ուրախություն,
Թոմ

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map