Si­su­hal­dus­süs­teem WordPress pakub võimalust kasutada lisaks stan­dard­pil­di­suu­rus­tele ka in­di­vi­duaal­seid pil­di­for­maate. Esitame olulised sammud pil­di­suu­ruste ko­han­da­miseks, tuginedes WordPress 6.0.3 ver­sioo­nile.

Word­Pressi vaikimisi pil­di­suu­ru­sed

Vee­bi­sai­dile lisatud piltide fai­li­suu­rus mõjutab oluliselt selle laa­di­mis­kii­rust. Op­ti­maal­sed pil­di­for­maa­did lü­hen­da­vad laa­di­mis­aega ja vä­hen­da­vad serveri mä­lu­koor­must. Word­Pressi CMS pakub meedia üleslaa­di­misel serveris stan­dar­di­see­ri­tud pil­di­suu­ruste komplekti.

Word­Pressi stan­dard­pil­di­suu­ru­sed Suurus (L x K) pikslites Kuvasuhe
Eel­vaa­te­pil­did 150 x 150 Võimalik deak­ti­vee­rida
Keskmine 300 x 300 Säi­li­ta­takse
Suur 1024 x 1024 Säi­li­ta­tud
Algne pilt Nagu üles laaditud Säi­li­ta­tud
Tip

Laske oma nimel rääkida. Tehke domeeni re­gist­ree­ri­mine oma moodi.

Sal­ves­tage Word­Pressi pildid backendis ja kohandage nende suurust

Need pil­di­suu­ru­sed on määratud Word­Pressi seadetes ja neid saab seal teatud piirides kohandada. Selleks mine backendis valikule „Seaded” > „Meedia”.

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

Pärast meedia üleslaa­di­mist on mee­dia­ko­gus li­sa­fai­lid. Selle kataloog on https://mydomain.com/wp-content/uploads/ või https://mydomain.com/wp-content/uploads/2022/11/ (kui kuu- ja aas­ta­põ­hi­sed kaustad on ak­ti­vee­ri­tud). Näiteks on pilt järg­mis­tes failides:

  • näidis-pilt-1024x683.jpg
  • näidis-pilt-150x150.jpg
  • näidis-pilt-1536x1024.jpg
  • näidis-pilt-2048x1365.jpg
  • näidis-pilt-300x200.jpg
  • näidis-pilt-620x413.jpg
  • näidis-pilt-ska­lee­ri­tud.jpg (2560 x 1707 pikselit)
  • näi­dis­kuva.jpg (originaal)

See tagab parima pil­di­suu­ruse enamiku Word­Pressi lehtede või pos­ti­tuste jaoks. Mee­dia­ko­gusse üleslaa­di­ta­vad pildid ei tohiks olla pikemalt servalt suuremad kui 1920 pikslit. Neid saab enne üleslaa­di­mist tasuta pil­di­re­di­gee­ri­mis­prog­rammide abil ümber mõõ­dus­tada, et vältida eba­meel­di­vaid üllatusi. See kehtib WebP-pil­di­for­maadi kohta, mida kõik brauserid ei toeta.

Need on soo­vi­ta­ta­vad pil­di­suu­ru­sed Word­Pressi teemades ka­su­ta­miseks:

Word­Pressi pil­di­suu­ru­sed Suurus (L x H) pikslites
Logod 200 x 100
Eel­vaa­te­pil­did 150 x 150
Taus­ta­pil­did 1920 x 1080
Postituse pildid port­ree­vor­min­gus 900 x 1200
Postita pildid maas­ti­ku­for­maa­dis 1200 x 900
Pealkirja pildid (bänner) 1048 x 250
Liu­gu­ri­pil­did (teemast sõltuv) Kuni 1920 x ca. 600
Image: Common image sizes in WordPress
Commonly used image sizes for WordPress websites at a glance. Photo source: ESB Pro­fes­sio­nal/shut­terstock.com

Konk­reet­sed pildi mõõtmed sõltuvad Word­Pressi teema kom­po­nen­ti­dest ja struk­tuu­rist. Need leiate vastava teema do­ku­men­tat­sioo­nist.

Muuda piltide suurust Word­Pressi mee­dia­ko­gus

Word­Pressi piltide suurust saab samuti kohandada. Lisaks ori­gi­naal­pildi mõõtmete muut­mis­ele on võimalik pilti kärpida, pöörata ja pee­gel­dada. Näiteks, et luua mee­dia­ra­ken­duses suurema mõõtmega pildist liu­gu­ri­foto, toimige järg­mi­selt:

Samm 1: Valige mee­dia­ko­gust pilt ja klõpsake nuppu „Muuda pilti”.

Image: Image editing in WordPress library
Select an image from the WordPress media library for custom image resizing. Photo source: ESB Pro­fes­sio­nal/shut­terstock.com

2. samm: Määrake re­di­gee­ri­mis­mee­tod ja suurus

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

Tuleb märkida, et kär­pi­mis­nuppu tuleb kasutada kaks korda: esmalt funkt­siooni ak­ti­vee­ri­miseks ja seejärel pildi mõõtmete sea­dis­ta­mise järel toimingu soo­ri­ta­miseks.

Tip

Soovite faile või­ma­li­kult tur­va­li­selt sal­ves­tada? Kasutage HiDrive pil­ve­sal­ves­tust. Võite olla kindel, et teie andmed on tur­va­li­selt sal­ves­ta­tud vastavalt Ühend­ku­ning­riigi GDPR-ile vas­ta­va­tele stan­dar­di­tele.

3. samm: Salvesta pilt mee­dia­ko­gusse

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

Pärast skaalitud pildi sal­ves­ta­mist sisaldab üleslaa­di­mis­kausta faili

  • eel­vaa­te­pilt-ska­lee­ri­tud-e1667121439976.jpg

veel viies formaadis, millele on au­to­maat­selt määratud ID …-e1667121439976. Uued loodud pil­di­suu­ru­sed saab valida Gutenberg-redaktori mee­dia­ko­gust, kui neid lisatakse või va­he­ta­takse. Seal on kät­te­saa­da­vad ka pildi piks­li­di­men­sioo­nid.

Kohanda pildi suurust Word­Pressi sisusse lisamisel

Word­Pressi mee­dia­ko­gust pärit pildid lisatakse sisusse. See võimaldab suurusi hiljem laias ulatuses kohandada. Word­Pressi Gutenberg-redaktor pakub palju laiemat valikut võimalusi võrreldes klas­si­ka­lise re­dak­toriga 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 (!

Kui soovite oma ko­han­da­tud seaded hi­li­se­maks taas­ka­su­ta­miseks sal­ves­tada, võite kasutada Gu­tenbergi sekt­siooni „Lisa taas­ka­su­ta­ta­va­tesse plok­ki­desse” ja lukustada need ka juhusliku muutmise eest. See säästab palju aega, kui avaldate sageli uusi postitusi.

Ame­ti­alaste vee­bi­sai­tide puhul, näiteks fo­tograafi vee­bi­sai­dil, võib olla vaja täien­da­vaid pil­di­for­maate, et oma visiooni täius­li­kult esitleda. Meie juhend„piltide komp­res­see­ri­mine”annab täien­da­vat abi piltide suuruse ko­han­da­miseks, näiteks Word­Pressi ga­le­riiplu­gi­nite jaoks.

Keela Word­Pressi piltide vaikimisi suurused

Vaikimisi pil­di­suu­ruste keela­miseks on kõige lihtsam kasutada pluginat „Disable Media Sizes ”. Selle seadetes on loetletud ka kõik seitse loodud pil­di­for­maati.

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

Kui plugin’i seaded on näidatud, siis valimata formaate üldse ei ge­ne­ree­rita. Ori­gi­naal­pildi üleslaa­di­mist ei saa “välja lülitada”. See on eelis, kui soovite hiljem siiski teisi formaate ge­ne­ree­rida.

Note

Täien­da­vate pil­di­for­maa­tide lisamine või nende väl­ja­lü­li­ta­mine on võimalik ka Word­Pressi tuu­ma­fai­lide functions.php ja index.php sis­se­kan­nete abil. See peaks aga jääma kogenud prog­ram­mee­ri­jate üles­an­deks. Esmane ülevaade prog­ram­mee­ri­mis­kee­lest on leitav meie PHP algajate juhendis.

Optimeeri pilte Word­Pressi jaoks veelgi pluginate abil

Praktikas ka­su­ta­takse pilte peamiselt JPG- ja PNG-vormingus. Nende pil­di­vor­min­gute fai­li­suu­rusi saab veelgi kohandada pil­di­tööt­lus­prog­rammide abil. Pho­tos­ho­pis küsitakse sal­ves­ta­misel või eks­por­ti­misel kva­li­teeti. Selle meetodi puuduseks on see, et iga pilti tuleb eraldi „puudutada” ja seejärel üles laadida. Pluginad on ele­gant­sem lahendus. Neil on sageli lai funkt­sioo­nide valik, seega on soo­vi­ta­tav tutvuda ka­su­ta­tava plugina do­ku­men­tat­sioo­niga.

Suur ins­tal­lat­sioo­nide arv ja head hinnangud on näiteks järg­mis­tel Word­Pressi plu­gi­na­tel, mis on mõeldud Word­Pressi failide ja piltide suuruse muut­miseks:

  • EWWW Image Optimizer: Toetab järgmisi formaate: JPG, PNG, GIF, PDF, WebP, SVG
  • TinyPNG: toetab formaate JPG, PNG, WebP
  • Imagify: toetab formaate JPG, PNG, PDF, GIF, WebP
  • Re­ge­ne­rate Thumb­nails: pole juba mõnda aega uuendatud
  • Image Re­ge­ne­rate & Select Crop: samuti

Enne pluginate proo­vi­mist pidage meeles: Word­Pressi va­ru­koo­pia kaitseb andmete kaotuse eest, kui midagi tõesti valesti läheb.

Kokkuvõte: Op­ti­mee­rige Word­Pressi piltide suurused

Word­Pressi sis­se­ehi­ta­tud töö­riis­ta­dega on võimalik saavutada palju op­ti­maal­seid pil­di­suu­rusi. Plu­gi­na­dega on või­ma­lu­sed veelgi laiemad. Word­Pressi vee­bi­saidi PHP-koodi muutmine peaks jääma prog­ram­mee­ri­mis­pro­fes­sio­naa­lide üles­an­deks. Ja lõ­pe­tu­seks: op­ti­mee­ri­misel pidage silmas pildi SEO-d.

Go to Main Menu