Skip to content
Reference

Cheat Sheet ng mga WordPress Image Size

Ang tiyak na reperensiya para sa mga WordPress image size: bawat naka-register na size at ang totoong dimensyon nito, alin ang hard-crop, ang 2560px -scaled na threshold, mga WooCommerce size, at kung ano ang i-upload para sa bawat layunin.

Tingnan ito sa sarili mong larawan — buksan ang Image Size Lab

Mga pangunahing sukat

Nakarehistro sa bawat karaniwang WordPress install.

Pangalan Sukat Crop Nae-edit sa admin?
thumbnail 150 × 150 hard crop Settings → Media
medium 300 × 300 fit Settings → Media
medium_large 768w fit Walang UI
large 1024 × 1024 fit Settings → Media
1536x1536 1536 × 1536 fit Walang UI
2048x2048 2048 × 2048 fit Walang UI

medium_large (768w) at ang dalawang retina na sukat ay walang admin UI kahit kaunti — hindi mo malalaman na umiiral ang mga ito mula sa dashboard. At anumang na-upload na lampas sa 2560px sa pinakamahabang gilid nito ay nakakakuha rin ng -scaled na kopya, na siyang inihahain ng WordPress kapalit ng iyong orihinal.

Mga sukat ng WooCommerce

Idinadagdag kapag aktibo ang WooCommerce. I-configure sa ilalim ng Appearance → Customize → WooCommerce → Product Images. Nagbago ang mga default sa pagitan ng mga bersyon ng Woo, kaya ituring na indikatibo lamang ang mga ito at tingnan ang sarili mong install.

woocommerce_thumbnail 300 × 300 hard crop
woocommerce_single 600w
woocommerce_gallery_thumbnail 100 × 100 hard crop

Kung ano talaga ang dapat i-upload

Gabay ayon sa layunin — hindi mga nakarehistrong sukat, makatwirang mga sukat lamang ng pinagmulan.

Itinatampok na larawan 1200 × 630

Saklaw nito ang ratio para sa social share at malinis na nagba-downscale para sa paggamit sa loob ng tema. Ang pinakaligtas na iisang default.

Full-width na hero 1920 × 1080

Sapat ang lapad para sa malalaking screen, mababa sa 2560px na -scaled threshold kaya inihahain nang walang pagbabago ang iyong orihinal.

Larawan sa loob ng nilalaman 1200 wide

Tumutugma sa saklaw ng medium_large / large na talagang ipinapakita ng karamihan sa mga tema.

Logo 512 × 512

Ilagay ito nang mas malaki kaysa sa ipinapakita mo; malinis na nagba-downscale ang WordPress, hindi ito kailanman nag-a-upscale.

Site icon (favicon) 512 × 512

Nangangailangan ang WordPress ng minimum na 512 × 512 at kino-crop ito nang parisukat.

Social / OG na larawan 1200 × 630

Ang ratio na 1.91:1 na inaasahan ng Facebook, LinkedIn at X. Hindi ito bubuuin ng WordPress; ang iyong SEO plugin ang pumipili ng pinakamalapit na sukat.

Mga karaniwang pagkakamali, at ang tunay na dahilan

Malabo ang larawan pagkatapos i-upload

Dahilan: Ang iyong larawan ay lampas sa 2560px sa pinakamahabang gilid nito, kaya gumawa ang WordPress ng "-scaled" na kopya at iyon ang inihahain sa halip na ang iyong orihinal.

Solusyon: I-disable o itaas ang big_image_size_threshold, o mag-upload nang mababa sa 2560px.

Pinuputol ng thumbnail ang mga ulo

Dahilan: Bilang default, hard-crop ang thumbnail sa parisukat na 150 × 150, naka-center crop — anumang wala sa gitna ay napuputol.

Solusyon: Mag-upload na nasa gitna ang paksa, o magrehistro ng custom na sukat na may ibang crop.

Napakalaki ng uploads folder

Dahilan: Nag-iimbak ang WordPress ng isang file bawat nakarehistrong sukat. Gumagawa ang core ng 6 bukod pa sa orihinal; nagdaragdag pa ang isang tema at ang WooCommerce.

Solusyon: Itigil ang pagbuo ng mga sukat na hindi mo ginagamit sa pamamagitan ng intermediate_image_sizes_advanced.

Nawawala ang bersyong large / 1536 / 2048

Dahilan: Hindi kailanman nag-a-upscale ang WordPress. Kung mas maliit ang iyong na-upload kaysa sa isang sukat, hindi na lang bubuuin ang sukat na iyon.

Solusyon: Mag-upload ng mas malaking larawang pinagmulan.

Mababa ang kalidad ng mga responsive na larawan (srcset)

Dahilan: Isang sukat na inaasahan ng srcset — kadalasan ang medium_large (768w) — ang inalis.

Solusyon: Panatilihin ang medium_large; umiiral ito pangunahin upang magbigay ng data sa srcset.