Kā norādīt attēla izmērus WordPress (vienums GTmetrix)

Vajag norādiet attēla izmērus programmā WordPress?


Tas nozīmē, ka jums jāpievieno platums un augstums attēla HTML vai CSS. Ja attēlam nav norādīti attēla izmēri, tas tiks parādīts kā kļūda jūsu GTmetrix pārskatā, un GTmetrix pat pateiks pareizo platumu un augstumu, kas jāpievieno šim attēlam..

Norādiet attēla izmērus WordPress

Viss, kas jums jādara, ir – atrodiet attēlu savā WordPress vietnē, apskatiet tā HTML kodu un pēc tam pievienojiet platumu un augstumu:

1. Atrodiet GTmetrix specifikāciju attēla izmēru kļūdas

GTmetrix parāda kļūdas tikai vienā pārbaudītajā lapā.

Palaidiet jebkuru lapu caur GTmetrix un skatiet, kur attēliem ir norādītas attēla dimensijas kļūdas.

Norādiet attēla izmērus GTmetrix

2 Kopējiet attēla platumu + augstumu no GTmetrix

Pēc tam nokopējiet attēla platumu + augstumu (nodrošina GTmetrix).

GTmetrix attēla izmēri

3. Atrodiet attēlu savā vietnē

Tagad mums jāatrod attēls jūsu WordPress vietnē.

WordPress vizuālais redaktors automātiski nosaka attēla izmērus, tāpēc šeit parasti nav kļūdu ar attēliem. Tomēr dažos jūsu vietnes apgabalos, iespējams, netiek automātiski norādīti attēla izmēri (iespējams, lapu veidotāji, slīdņi, logrīki un ar roku kodēts HTML vai CSS). Jums jāiemācās kurš platība no jūsu WordPress vietnes piedāvā kļūdas.

Atrodiet WordPress logrīka attēlu

Norādiet logrīku Attēlu dimensijas

4. Pievienojiet attēla HTML platumu + augstumu

Kad esat atradis attēlu, apskatiet tā HTML kodu un pamanīsit, ka nav noteikts platums + augstums. Jums atliek tikai ievietot šos HTML šādā veidā: platums = ”135 ″ augstums =” 135 ″

Norādiet attēla izmērus WordPress

5. Atkārtoti pārbaudiet lapu GTmetrix

Saglabājiet izmaiņas un atkārtoti palaidiet lapu, izmantojot GTmetrix. Būtu jālabo attēls, kurā bija kļūdas.

100% norādiet attēla izmērus

6. Izmantojiet spraudni Specify Image Dimensions

Norādiet spraudni Image Dimensions skenē jūsu vietni visiem tagus, kuriem trūkst platuma + augstuma, un tos automātiski pievieno. Tomēr ar šo spraudni man nebija veiksmes.

Norādiet spraudni Image Dimensions

7. Labojiet norādiet attēla izmēru kļūdas vairākās lapās

Vai tas pats attēls parādās vairākās lapās / ziņās un vai tajā ir norādītas attēla dimensijas kļūdas??

Varat izmantot spraudni Labāka meklēšana aizstāt, lai salabotu savu logotipu, logrīku attēlus un citus attēlus, kas parādās vairākās lappusēs, atsevišķi tos neizmantojot. Tas var ietaupīt laiku.

1. solis: Instalējiet Labāka meklēšana Aizstāt spraudni.

2. solis: Laukā “Meklēt” pievienojiet attēla HTML bez norādītā platuma + augstuma. Laukā “Aizstāt ar” pievienojiet attēla jauno versiju, kurā iekļauts platums + augstums.

3. solis: Atlasiet tabulu (-as), kurā spraudnis (-i) vēlaties skenēt un aizstāt attēlus. Varat veikt sauso skrējienu, ja vēlaties to izmēģināt, pretējā gadījumā noņemiet atzīmi no šīs opcijas un noklikšķiniet uz “Palaist meklēšanu / Aizstāt”.

Labāka meklēšana Aizstāt attēlus

4. solis: Spraudnis veiks meklēšanu / aizstās attēlu visās jūsu izvēlētajās tabulās. Kad tas ir pabeigts, Labāka meklēšana aizstāt norāda, cik tabulas tas ir skenēts un cik attēlu tas ir aizstāts.

Citu attēlu optimizācija

Es uzrakstīju pilnu mācību materiālu par attēlu optimizēšana WordPress kas iekļauj:

  • Attēlu saspiešana
  • Attēlu apkalpošana, izmantojot CDN
  • GIF izmēru maiņa
  • EXIF datu noņemšana
  • Slinki ielādē attēlus + video
  • Cloudflare Mirage, poļu, karsto saišu aizsardzība

Attēla optimizācija GTmetrix

Meklējat vairāk WordPress ātruma apmācības?
Šeit ir citas apmācības, kuras es uzrakstīju:

  • Kā iestatīt WP Rocket (iesakām kešatmiņas spraudni)
  • Cloudways vs SiteGround (divi labākie saimnieki, kurus iesaku)
  • Kā es saņēmu 100% GTmetrix rādītājus (WordPress Speed ​​Guide)

Man ir arī lielisks video par WordPress ātruma optimizāciju:

Es ceru, ka šī apmācība jums palīdzēja, un jums vairs nav jānorāda kļūdas attēla dimensijā!

bieži uzdotie jautājumi

&# x2705; Kā jūs norādāt attēla izmērus??

Atrodiet kļūdu GTmetrix un atzīmējiet pareizo attēla platumu + augstumu (nodrošina GTmetrix). Pēc tam WordPress informācijas panelī atrodiet attēlu un apskatiet tā HTML kodu. Pēc tam attēla HTML pievienojiet platumu + augstumu. Piemērs: platums = ”680 ″ augstums =” 340 ″

&# x2705; Kur es varu atrast pareizo attēla izmēru??

GTmetrix norāda pareizos attēlu izmērus, kuriem nav norādīts platums + augstums sadaļā Norādiet attēla izmērus.

&# x2705; Kā jūs optimizējat attēlus GTmetrix?

Tas nozīmē, ka jums bez zaudējumiem jāsaspiež attēli, izmantojot spraudni, piemēram, ShortPixel vai Imagify. Es izmantoju ShortPixel.

&# x2705; Kā jūs pasniedzat samazinātus attēlus?

Ja pakalpojumā GTmetrix esat parādījis samazinātas attēla kļūdas, tas nozīmē, ka jūs augšupielādējat pārāk lielus attēlus, un tie ir jāmaina atbilstoši pareizajiem izmēriem. Slīdņiem, portfeļa attēliem, logrīku attēliem, pilna platuma emuāru attēliem un citām vietnes sadaļām ir nepieciešama īpaša dimensija. Attēlu lielums pirms to augšupielādes ir jāmaina, lai tie tiem atbilstu.

Ja jums vēl ir jautājumi, nometiet man komentāru.

Priekā,
Toms

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