Sistem za upra­vlja­nje vsebin WordPress ponuja možnost uporabe po­sa­me­znih formatov slik poleg stan­dar­dnih velikosti slik. Pred­sta­vlja­mo pomembne korake za pri­la­ga­ja­nje velikosti slik na podlagi WordPress 6.0.3.

Privzete velikosti slik v Word­Pres­su

Velikost datotek slik, vgrajenih v spletno stran, ima velik vpliv na hitrost nalaganja. Optimalni formati slik skrajšajo čas nalaganja in zmanjšajo obre­me­ni­tev po­mnil­ni­ka na strežniku. WordPress CMS ponuja niz stan­dar­di­zi­ra­nih velikosti slik na strežniku pri nalaganju medijev.

Stan­dar­dne velikosti slik v Word­Pres­su Velikost (D x V) v pikah Razmerje stranic
Predogled slik 150 x 150 Lahko se de­ak­ti­vi­ra
Srednje 300 x 300 Ohranjeno
Velika 1024 x 1024 Ohranjeno
Izvirna slika Kot naložena Ohranjena
Tip

Naj vaše ime govori namesto vas. Re­gi­stri­raj­te domeno po svojih željah.

Shranite slike WordPress v ozadju in pri­la­go­di­te velikosti

Te velikosti slik so določene v na­sta­vi­tvah Word­Pres­sa in jih je mogoče tam pri­la­go­di­ti v določenih mejah. Za to v ozadju odprite »Na­sta­vi­tve« > »Mediji«.

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

Po nalaganju medijev so v medijski knjižnici dodatne datoteke. Imenik za to je https://mydomain.com/wp-content/uploads/ ali https://mydomain.com/wp-content/uploads/2022/11/ (če so omogočene mape na podlagi meseca in leta). Na primer, slika je v na­sle­dnjih datotekah:

  • vzorec-slike-1024x683.jpg
  • vzorec-slike-150x150.jpg
  • vzorec-slike-1536x1024.jpg
  • vzorec-slike-2048x1365.jpg
  • vzorec-slike-300x200.jpg
  • vzorec-slike-620x413.jpg
  • vzorec-slike-pri­la­go­je­na.jpg (2.560 x 1.707 px)
  • vzorec-slike.jpg (izvirnik)

To za­go­ta­vlja najboljše velikosti slik za večino WordPress strani ali objav. Slike za nalaganje v medijsko knjižnico ne smejo biti večje od 1920 pikslov na dolgi strani slike. Pred na­la­ga­njem jih lahko spre­me­ni­te z brez­plač­ni­mi programi za urejanje slik, da se izognete ne­pri­je­tnim pre­se­ne­če­njem. To velja za slikovni format WebP, ki ga vsi br­skal­ni­ki ne podpirajo.

To so pri­po­ro­če­ne velikosti slik za uporabo v WordPress temah:

Velikosti slik v Word­Pres­su Velikost (D x V) v pikah
Logotipi 200 x 100
Pre­do­gle­dne slike 150 x 150
Slike ozadja 1920 x 1080
Slike v pokončnem formatu 900 x 1200
Slike v ležečem formatu 1200 x 900
Slike v glavi (pasica) 1048 x 250
Slike drsnika (odvisno od teme) Do 1920 x približno 600
Image: Common image sizes in WordPress
Commonly used image sizes for WordPress websites at a glance. Photo source: ESB Pro­fes­si­o­nal/shut­ter­stock.com

Konkretne zahtevane dimenzije slike so odvisne od komponent in strukture WordPress teme. Najdete jih v do­ku­men­ta­ci­ji posamezne teme.

Spre­mi­nja­nje velikosti slik v medijski knjižnici WordPress

Velikost slik v Word­Pres­su je mogoče pri­la­go­di­ti. Poleg spre­mi­nja­nja ori­gi­nal­nih dimenzij slike je mogoče sliko tudi obrezati, zavrteti in obrniti. Če želite na primer iz slike z večjimi di­men­zi­ja­mi v medijski knjižnici ustvariti drsnik, ravnajte kot sledi:

Korak 1: Izberite sliko v medijski knjižnici in kliknite »Uredi sliko«.

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

Korak 2: Nastavite način urejanja in velikost

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

Opozoriti je treba, da je treba gumb za ob­re­zo­va­nje uporabiti dvakrat: enkrat za ak­ti­vi­ra­nje funkcije in drugič po na­sta­vi­tvi dimenzij slike za izvedbo postopka.

Tip

Želite datoteke shraniti čim bolj varno? Uporabite oblakovno shra­nje­va­nje HiDrive. Pre­pri­ča­ni ste lahko, da so vaši podatki varno shranjeni v skladu s standardi bri­tan­ske­ga GDPR.

Korak 3: Shranite sliko v medijsko knjižnico

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

Po shranitvi po­manj­ša­ne slike je datoteka shranjena v mapo za nalaganje.

  • predogled-slike-skalirana-e1667121439976.jpg

v petih drugih formatih z av­to­mat­sko dodeljeno iden­ti­fi­ka­cij­sko številko …-e1667121439976. Novo ustvar­je­ne velikosti slik lahko izberete iz medijske knjižnice v ure­je­val­ni­ku Gutenberg, ko jih vsta­vlja­te ali za­me­nju­je­te. Tam so na voljo tudi dimenzije slike v pikah.

Pri­la­go­di­te velikost slike pri vsta­vlja­nju v vsebino Word­Pres­sa

Slike iz medijske knjižnice WordPress se vstavijo v vsebino. To omogoča naknadno pri­la­ga­ja­nje velikosti v širokih mejah. Ure­je­val­nik WordPress Gutenberg ponuja veliko več možnosti v pri­mer­ja­vi s klasičnim ure­je­val­ni­kom 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 (!

Če želite shraniti svoje pri­la­go­je­ne na­sta­vi­tve za poznejšo ponovno uporabo, lahko uporabite Gu­ten­ber­gov razdelek »Dodaj v ponovno uporabne bloke« in ga tudi zaklenete, da se ne bi po nesreči spremenil. To vam bo pri­hra­ni­lo ogromno dela, če pogosto ob­ja­vlja­te nove prispevke.

Za spletne strani, namenjene posebnim poklicem, kot je na primer spletna stran fotografa, so morda potrebni dodatni formati slik, da lahko popolnoma pred­sta­vi­te svojo vizijo. Naš vodnik„stiskanje slik“ponuja dodatno pomoč pri pri­la­ga­ja­nju velikosti slik, npr. za vtičnike galerije WordPress.

Onemogoči privzete velikosti WordPress za slike

Najlažji način za one­mo­go­ča­nje privzetih velikosti slik je uporaba vtičnika „Disable Media Sizes ”. V njegovih na­sta­vi­tvah je navedenih vseh sedem ustvar­je­nih formatov slik.

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

Z pri­ka­za­ni­mi na­sta­vi­tva­mi vtičnika se neizbrani formati sploh ne ge­ne­ri­ra­jo. Nalaganje izvirne slike ni mogoče „izklopiti“. To je prednost, če želite kasneje vendarle ge­ne­ri­ra­ti druge formate.

Note

Dodajanje dodatnih slikovnih formatov ali njihovo one­mo­go­ča­nje je mogoče tudi z vnosi v jedrnih datotekah Word­Pres­sa functions.php in index.php. To pa naj bi bilo re­zer­vi­ra­no za izkušene pro­gra­mer­je. Prvi pregled pro­gram­ske­ga jezika najdete v našem začetnem tutorialu PHP.

Dodatno op­ti­mi­zi­raj­te slike za WordPress s pomočjo vtičnikov

V praksi se slike večinoma upo­ra­blja­jo v formatih JPG in PNG. Velikost datotek teh slikovnih formatov je mogoče dodatno pri­la­go­di­ti s programi za urejanje slik. V programu Photoshop se pri shra­nje­va­nju ali izvozu pojavi vprašanje o kakovosti. Slabost te metode je, da je treba vsako sliko obdelati posebej in nato naložiti. Plug-ini so bolj elegantna rešitev. Ti imajo pogosto širok spekter funkcij, zato je pri­po­ro­člji­vo natančno prebrati do­ku­men­ta­ci­jo upo­ra­blje­ne­ga plug-ina.

Visoko število na­me­sti­tev in dobre ocene imajo na primer naslednji WordPress vtičniki za pri­la­ga­ja­nje velikosti datotek in slik v Word­Pres­su:

  • EWWW Image Optimizer: Podpira formate: JPG, PNG, GIF, PDF, WebP, SVG
  • TinyPNG: Podpira JPG, PNG, WebP
  • Imagify: podpira JPG, PNG, PDF, GIF, WebP
  • Re­ge­ne­ra­te Thumb­na­ils: že nekaj časa ni bil po­so­do­bljen
  • Image Re­ge­ne­ra­te & Select Crop: enako

Preden poskusite z vtičniki, se spomnite: varnostna kopija Word­Pres­sa ščiti pred izgubo podatkov, če se resnično nekaj pokvari.

Povzetek: Op­ti­mi­zi­raj­te velikosti slik v Word­Pres­su

Z vgra­je­ni­mi orodji Word­Pres­sa je mogoče doseči že veliko op­ti­mal­nih velikosti slik. Z dodatki so na voljo še večje možnosti. Poseganje v PHP kodo spletne strani WordPress naj bo pre­pu­šče­no pro­gram­skim stro­kov­nja­kom. In na koncu: pri op­ti­mi­za­ci­ji ne pozabite na SEO slike.

Go to Main Menu