Satura pār­val­dī­bas sistēma WordPress piedāvā iespēju izmantot in­di­vi­duā­lus attēlu formātus papildus standarta attēlu izmēriem. Mēs pie­dā­vā­jam svarīgus soļus, lai pielāgotu attēlu izmērus, bal­sto­ties uz WordPress 6.0.3.

WordPress standarta attēlu izmēri

Tīmekļa vietnē ievietoto attēlu failu izmērs ie­vē­ro­ja­mi ietekmē tās ielādes ātrumu. Optimāli attēlu formāti saīsina ielādes laiku un samazina atmiņas slodzi uz serveri. WordPress CMS piedāvā virkni stan­dar­ti­zē­tu attēlu izmēru uz servera, aug­šu­pie­lā­dē­jot mul­ti­vi­des failus.

WordPress standarta attēlu izmēri Izmērs (platums x augstums) pikseļos Attēla pro­por­ci­jas
Attēlu priekš­ska­tī­jums 150 x 150 Var deak­ti­vi­zēt
Vidējs 300 x 300 Saglabāts
Liels 1024 x 1024 Saglabāts
Ori­ģi­nā­lais attēls Kā aug­šu­pie­lā­dēts Saglabāts
Tip

Ļaujiet savam vārdam runāt. Re­ģis­trē­jiet domēnu pēc saviem ieskatiem.

Sa­gla­bā­jiet WordPress attēlus backendā un pie­lā­go­jiet izmērus

Šie attēlu izmēri ir definēti WordPress ie­sta­tī­ju­mos un tur tos var pielāgot noteiktās robežās. Lai to izdarītu, dodieties uz “Ie­sta­tī­ju­mi” > “Mul­ti­vi­des faili” backendā.

Image: Image size settings in the WordPress backend
You can customise the preset default image sizes in the WordPress dashboard.

Pēc mul­ti­vi­des failu aug­šu­pie­lā­des mul­ti­vi­des bib­lio­tē­kā ir papildu faili. To katalogs ir https://mydomain.com/wp-content/uploads/ vai https://mydomain.com/wp-content/uploads/2022/11/ (ja ir ie­spē­jo­tas mēneša un gada mapes). Piemēram, attēls atrodas šādos failos:

  • paraugs-attēls-1024x683.jpg
  • paraugs-attēls-150x150.jpg
  • paraugs-attēls-1536x1024.jpg
  • parauga attēls-2048x1365.jpg
  • paraugs-attēls-300x200.jpg
  • paraugs-attēls-620x413.jpg
  • paraugs-attēls-mērogs.jpg (2,560 x 1,707 pikseļi)
  • parauga attēls.jpg (oriģināls)

Tas nodrošina labāko attēlu izmēru lie­lā­ka­jai daļai WordPress lapu vai ierakstu. Attēli, kas tiek aug­šu­pie­lā­dē­ti mul­ti­vi­des bib­lio­tē­kā, nedrīkst būt lielāki par 1920 pikseļiem attēla garajā malā. Pirms aug­šu­pie­lā­des tos var pārveidot ar bezmaksas attēlu re­di­ģē­ša­nas prog­ram­mām, lai iz­vai­rī­tos no ne­pa­tī­ka­miem pār­stei­gu­miem. Tas attiecas uz WebP attēlu formātu, kuru ne visas pārlūkas atbalsta.

Šie ir ie­tei­ca­mie attēlu izmēri iz­man­to­ša­nai WordPress tēmās:

WordPress attēlu izmēri Izmērs (platums x augstums) pikseļos
Logotipi 200 x 100
Priekš­ska­tī­ju­ma attēli 150 x 150
Fona attēli 1920 x 1080
Attēli portreta formātā 900 x 1200
Attēli ho­ri­zon­tā­lā formātā 1200 x 900
Galvenes attēli (baneri) 1048 x 250
Slīdņa attēli (atkarībā no tēmas) Līdz 1920 x apm. 600
Image: Common image sizes in WordPress
Commonly used image sizes for WordPress websites at a glance. Photo source: ESB Pro­fessio­nal/shutter­stock.com

Konkrētie attēla izmēri ir atkarīgi no WordPress tēmas kom­po­nen­tiem un struk­tū­ras. Tos var atrast at­tie­cī­gās tēmas do­ku­men­tā­ci­jā.

Mainiet attēlu izmēru WordPress mul­ti­vi­des bib­lio­tē­kā

WordPress attēlu izmērus var arī pielāgot. Papildus oriģinālā attēla izmēru maiņai ir iespējams arī apgriezt, pagriezt un apvērst attēlu. Piemēram, lai no attēla ar lielākiem izmēriem mul­ti­vi­des bib­lio­tē­kā izveidotu slider foto, rī­ko­jie­ties šādi:

1. solis: Iz­vē­lie­ties attēlu mul­ti­vi­des bib­lio­tē­kā un no­klik­šķi­niet uz “Rediģēt attēlu”.

Image: Image editing in WordPress library
Select an image from the WordPress media library for custom image resizing. Photo source: ESB Pro­fessio­nal/shutter­stock.com

2. solis: Iestatiet re­di­ģē­ša­nas metodi un izmēru

Image: Set new image size in WordPress library
Change the image to the desired size using the crop editing method

Jāatzīmē, ka ap­grie­ša­nas pogu ir jāizmanto divreiz: vienu reizi, lai ak­ti­vi­zē­tu funkciju, un otru reizi pēc attēla izmēru ie­sta­tī­ša­nas, lai veiktu darbību.

Tip

Vēlaties saglabāt failus pēc iespējas drošāk? Iz­man­to­jiet HiDrive mā­ko­nisgla­bā­tu­vi. Jūs varat būt drošs, ka jūsu dati tiek glabāti droši saskaņā ar Liel­bri­tā­ni­jas GDPR stan­dar­tiem.

3. solis: Sa­gla­bā­jiet attēlu mul­ti­vi­des bib­lio­tē­kā

Image: Save resized image to WordPress library
‘Save’ will save the resized image to the WordPress library

Pēc mēroga attēla sa­gla­bā­ša­nas aug­šu­pie­lā­des mapē atrodas fails

  • priekš­ska­tī­ju­ma attēls-mērogs-e1667121439976.jpg

piecos citos formātos ar au­to­mā­tis­ki piešķirtu ID …-e1667121439976. Jau­niz­vei­do­tos attēlu izmērus var iz­vē­lē­ties no mediju bib­lio­tē­kas Gutenberg redaktorā, tos ie­vie­to­jot vai apmainot. Tur ir pieejami arī attēla pikseļu izmēri.

Pie­lā­go­jiet attēla izmēru, ie­vie­to­jot to WordPress saturā

Attēli no WordPress mediju bib­lio­tē­kas tiek ievietoti saturā. Tas ļauj pēc tam plašā diapazonā pielāgot izmērus. WordPress Gutenberg redaktors piedāvā daudz plašākas iespējas sa­lī­dzi­nā­ju­mā ar klasisko redaktoru TinyMCE.

Image: Define best image sizes in WordPress post/page
Using the Gutenberg block settings for images and the toolbar, an image can be resized as much as possible when inserted into a post or page. The alt text (!

Ja vēlaties saglabāt savus pie­lā­go­tos ie­sta­tī­ju­mus, lai tos varētu izmantot vēlāk, varat izmantot Gutenberg sadaļu „Pievienot atkārtoti iz­man­to­ja­miem blokiem” un arī bloķēt to pret nejaušām izmaiņām. Tas ie­vē­ro­ja­mi atvieglo darbu, ja bieži pub­li­cē­jat jaunus ierakstus.

Pro­fe­sio­nā­lām vietnēm, piemēram, fotogrāfa vietnei, var būt ne­pie­cie­ša­mi papildu attēlu formāti, lai pilnībā at­spo­gu­ļo­tu jūsu vīziju. Mūsu ro­kas­grā­ma­ta„attēlu sa­spie­ša­na”sniedz papildu palīdzību attēlu izmēru pie­lā­go­ša­nai, piemēram, WordPress galerijas spraudņiem.

Atspējot WordPress standarta attēlu izmērus

Vien­kār­šā­kais veids, kā atspējot no­klu­sē­ju­ma attēlu izmērus, ir izmantot spraudni „Disable Media Sizes ”. Tās ie­sta­tī­ju­mos ir uz­skai­tī­ti visi septiņi ģenerētie attēlu formāti.

Image: Disable preset image sizes in WordPress using a plugin
The ‘Disable Media Sizes’ plugin allows you to disable the ge­ne­ra­tion of preset WordPress image sizes

Ar pa­rā­dī­ta­jiem spraudņa ie­sta­tī­ju­miem ne­iz­vē­lē­tie formāti netiek ģenerēti vispār. Oriģinālā attēla aug­šu­pie­lā­de nevar tikt “izslēgta”. Tas ir izdevīgi, ja vēlaties vēlāk tomēr ģenerēt citus formātus.

Note

Papildu attēlu formātu pie­vie­no­ša­na vai to slēpšana ir iespējama arī ar ie­rak­stiem WordPress pa­mat­fai­los functions.php un index.php. Tomēr tas ir jāatstāj pie­re­dzē­ju­šiem prog­ram­mē­tā­jiem. Pirmo ieskatu prog­ram­mē­ša­nas valodā varat gūt mūsu PHP iesācēju apmācībā.

Turpiniet optimizēt attēlus WordPress ar spraudņiem

Praksē attēli gal­ve­no­kārt tiek izmantoti JPG un PNG formātā. Šo attēlu formātu failu izmērus var papildus pielāgot ar attēlu re­di­ģē­ša­nas prog­ram­mām. Programmā Photoshop, sa­gla­bā­jot vai ek­s­por­tē­jot, tiek uzdot jautājums par kvalitāti. Šīs metodes trūkums ir tas, ka katrs attēls ir jā­aps­trā­dā atsevišķi un pēc tam jā­aug­šu­pie­lā­dē. Plug-ini ir elegants ri­si­nā­jums. Tie bieži vien piedāvā plašu funkciju klāstu, tāpēc ieteicams rūpīgi izlasīt izmantotā plug-ina do­ku­men­tā­ci­ju.

Augstu in­sta­lā­ci­jas skaitu un labus vēr­tē­ju­mus ir ieguvuši, piemēram, šādi WordPress plugini WordPress failu un attēlu izmēru pie­lā­go­ša­nai:

  • EWWW Image Optimizer: Atbalsta šādus formātus: JPG, PNG, GIF, PDF, WebP, SVG
  • TinyPNG: atbalsta JPG, PNG, WebP
  • Imagify: atbalsta JPG, PNG, PDF, GIF, WebP
  • Re­ge­ne­ra­te Thumbnails: jau kādu laiku nav at­jau­ni­nāts
  • Image Re­ge­ne­ra­te & Select Crop: tāpat

Pirms izmēģināt spraudņus, at­ce­rie­ties: WordPress dublējums aizsargā pret datu zaudējumu, ja kaut kas tiešām noiet greizi.

Kop­sa­vil­kums: Op­ti­mi­zē­jiet WordPress attēlu izmērus

Iz­man­to­jot WordPress iebūvētos rīkus, jau var panākt daudzus optimālus attēlu izmērus. Ar spraudņiem ir pieejamas plašākas iespējas. WordPress vietnes PHP koda izmaiņas ir jāatstāj prog­ram­mē­ša­nas pro­fe­sio­nā­ļiem. Un vis­bei­dzot: op­ti­mi­zē­jot, ņemiet vērā attēlu SEO.

Go to Main Menu