Kaip nustatyti geriausią WordPress vaizdo dydį, kad jis greitai įkeltų

Turinio valdymo sistema WordPress siūlo galimybę naudoti in­di­vi­dua­lius vaizdo formatus be stan­dar­ti­nių vaizdo dydžių. Pa­tei­kia­me svarbius žingsnius, kaip pri­tai­ky­ti vaizdo dydžius, remiantis WordPress 6.0.3.

Nu­ma­ty­tie­ji vaizdų dydžiai WordPress

Sve­tai­nė­je įterptų vaizdų failų dydis turi didelę įtaką jos įkėlimo greičiui. Optimalūs vaizdų formatai su­trum­pi­na įkėlimo laiką ir sumažina serverio atminties apkrovą. WordPress CMS siūlo stan­dar­ti­zuo­tų vaizdų dydžių rinkinį serveryje, kai įkeliate medijos failus.

Iš­sau­go­ki­te WordPress vaizdus už­ku­li­siuo­se ir ko­re­guo­ki­te jų dydžius

Šie vaizdų dydžiai yra apibrėžti WordPress nu­sta­ty­muo­se ir juos galima re­gu­liuo­ti tam tikrose ribose. Norėdami tai padaryti, eikite į „Nu­sta­ty­mai“ > „Medija“ backend.

Po medijos įkėlimo medijos bi­b­lio­te­ko­je atsiranda papildomi failai. Jų katalogas yra https://mydomain.com/wp-content/uploads/ arba https://mydomain.com/wp-content/uploads/2022/11/ (jei įjungti mėnesio ir metų aplankai). Pa­vyz­džiui, vaizdas yra šiuose failuose:

• pa­vyz­di­nis-vaizdas-1024x683.jpg
• pa­vyz­di­nis-vaizdas-150x150.jpg
• pa­vyz­di­nis-vaizdas-1536x1024.jpg
• pa­vyz­di­nis-vaizdas-2048x1365.jpg
• pa­vyz­di­nis-vaizdas-300x200.jpg
• pa­vyz­di­nis-vaizdas-620x413.jpg
• pa­vyz­di­nis-nuotrauka-sumažinta.jpg (2,560 x 1,707 px)
• samp­lei­ma­ge.jpg (ori­gi­na­las)

Tai užtikrina geriausią vaizdų dydį daugumai WordPress puslapių ar įrašų. Į medijos bi­b­lio­te­ką įkeliami vaizdai neturėtų būti didesni nei 1920 pikselių ilgio kraštu. Juos galima pakeisti prieš įkeliant naudodami nemokamas vaizdų re­da­ga­vi­mo programas, kad iš­veng­tu­mė­te nemalonių staigmenų. Tai taikoma WebP vaizdų formatui, kurio ne visos naršyklės palaiko.

Tai yra re­ko­men­duo­ja­mi vaizdų dydžiai, skirti naudoti WordPress temose:

Konkretūs rei­ka­lin­gi vaizdo matmenys priklauso nuo WordPress temos kom­po­nen­tų ir struk­tū­ros. Juos galima rasti ati­tin­ka­mos temos do­ku­men­ta­ci­jo­je.

Pa­kei­s­ki­te vaizdų dydį WordPress medijos bi­b­lio­te­ko­je

WordPress vaizdų dydžius taip pat galima re­gu­liuo­ti. Be ori­gi­na­laus vaizdo matmenų keitimo, galima apkarpyti, pasukti ir apversti vaizdą. Pa­vyz­džiui, norėdami sukurti slan­kik­lio nuotrauką iš didesnių matmenų vaizdo, esančio medijos bi­b­lio­te­ko­je, atlikite šiuos veiksmus:

1 žingsnis: pa­si­rin­ki­te vaizdą medijos bi­b­lio­te­ko­je ir spus­te­lė­ki­te „Redaguoti vaizdą“.

2 etapas: Nu­sta­ty­ki­te re­da­ga­vi­mo metodą ir dydį

Verta paminėti, kad apkarpymo mygtuką reikia naudoti du kartus: pirmą kartą, kad ak­ty­vuo­tu­mė­te funkciją, ir antrą kartą, kai nu­sta­ty­si­te vaizdo matmenis, kad at­lik­tu­mė­te operaciją.

3 žingsnis: iš­sau­go­ki­te vaizdą medijos bi­b­lio­te­ko­je

Iš­sau­go­jus mastelio keitimą, įkėlimo aplanke yra failas

• preview-image-scaled-e1667121439976.jpg

kituose penkiuose for­ma­tuo­se su au­to­ma­tiš­kai priskirtu ID …-e1667121439976. Naujai sukurti vaizdo dydžiai gali būti pa­si­rink­ti iš medijos bi­b­lio­te­kos Gutenberg re­dak­to­riu­je, kai juos įterpiate ar keičiate. Ten taip pat galima rasti vaizdo pikselių matmenis.

Pri­tai­ky­ti vaizdo dydį įterpiant į WordPress turinį

Vaizdai iš WordPress medijos bi­b­lio­te­kos įterpiami į turinį. Tai leidžia vėliau re­gu­liuo­ti dydį plačiose ribose. WordPress Gutenberg re­dak­to­rius siūlo daug platesnes galimybes, palyginti su kla­si­ki­niu re­dak­to­riu­mi TinyMCE.

Jei norite išsaugoti savo pa­si­rink­ti­nius nu­sta­ty­mus, kad ga­lė­tu­mė­te juos vėliau pa­kar­to­ti­nai naudoti, galite naudoti Gutenberg sekciją „Pridėti prie pa­kar­to­ti­nai naudojamų blokų“ ir taip pat užrakinti juos, kad nebūtų at­si­tik­ti­nai pakeisti. Tai labai pa­leng­vi­na darbą, jei dažnai skelbiate naujus įrašus.

Pro­fe­si­jai skirtose sve­tai­nė­se, pvz., fotografo sve­tai­nė­je, gali prireikti papildomų vaizdo formatų, kad būtų galima puikiai perteikti jūsų viziją. Mūsų gidas„vaizdų su­spau­di­mas“suteikia papildomą pagalbą vaizdų dydžių ko­re­ga­vi­mui, pvz., WordPress galerijos įskie­piams.

Išjungti WordPress numatytus vaizdų dydžius

Pa­pras­čiau­sias būdas išjungti numatytus vaizdo dydžius yra naudoti „Disable Media Sizes“ įskiepį. Jo nu­sta­ty­muo­se taip pat yra išvardyti visi septyni su­ge­ne­ruo­ti vaizdo formatai.

Esant rodomiems pa­pil­di­nio nu­sta­ty­mams, ne­pa­si­rink­ti formatai visiškai ne­su­ku­ria­mi. Ori­gi­na­laus vaizdo įkėlimas negali būti „išjungtas“. Tai yra pri­va­lu­mas, jei vis dėlto norite vėliau sukurti kitus formatus.

Toliau op­ti­mi­zuo­ki­te vaizdus WordPress su pa­pil­di­niais

Prak­ti­ko­je vaizdai daž­niau­siai naudojami JPG ir PNG formatais. Šių vaizdų formatų failų dydį galima toliau koreguoti vaizdų re­da­ga­vi­mo prog­ra­mo­mis. „Photoshop“ prog­ra­mo­je išsaugant ar eks­por­tuo­jant vaizdus pa­tei­kia­mas klausimas apie kokybę. Šio metodo trūkumas yra tai, kad kiekvieną vaizdą reikia „redaguoti“ atskirai ir tada įkelti. Įskiepiai yra ele­gan­tiš­kes­nis spren­di­mas. Jie dažnai turi platų funkcijų spektrą, todėl patartina atidžiai per­skai­ty­ti naudojamo įskiepio do­ku­men­ta­ci­ją.

Didelį diegimų skaičių ir gerus įver­ti­ni­mus turi, pa­vyz­džiui, šie WordPress įskiepiai, skirti WordPress failų ir vaizdų dydžių ko­re­ga­vi­mui:

• EWWW Image Optimizer: Palaiko šiuos formatus: JPG, PNG, GIF, PDF, WebP, SVG
• TinyPNG: palaiko JPG, PNG, WebP
• Imagify: palaiko JPG, PNG, PDF, GIF, WebP
• Re­ge­ne­ra­te Thumb­nails: jau kurį laiką ne­at­nau­ji­na­mas
• Image Re­ge­ne­ra­te & Select Crop: taip pat

Prieš bandydami naudoti įskiepius, pri­si­min­ki­te: WordPress atsarginė kopija apsaugo nuo duomenų praradimo, jei kas nors tikrai nutiktų.

Santrauka: Op­ti­mi­zuo­ki­te WordPress vaizdų dydžius

Naudojant WordPress įdiegtas priemones, jau galima pasiekti daugelį op­ti­ma­laus vaizdo dydžių. Naudojant pa­pil­di­nius, atsiranda daugiau galimybių. WordPress svetainės PHP kodo keitimai turėtų būti palikti pro­fe­sio­na­liems prog­ra­muo­to­jams. Ir ga­liau­siai: op­ti­mi­zuo­jant ne­pa­mirš­ki­te vaizdo SEO.