Paano I-optimize ang mga Larawan para sa WordPress: Kumpletong Gabay 2026

Ang mga image ang pinakakaraniwang sanhi ng mabagal na WordPress site. Ang default na WordPress install na may hindi na-optimize na image ay maaaring may PageSpeed score na wala pang 40. Sa tamang image optimization, ang parehong site ay maaaring mag-score ng 85+. Narito ang eksaktong gagawin.

Hakbang 1: I-resize Bago Mag-upload

Hindi nire-resize ng WordPress ang image para tumugma sa display dimensions ng iyong theme. Kung ipinapakita ng iyong theme ang featured image sa 800×450px at nag-upload ka ng 4000×3000px na litrato, iniimbak ng WordPress ang full-resolution file at sine-serve ito sa bawat bisita. Palaging i-resize sa pinakamalaking display size sa iyong theme bago mag-upload. Para sa karamihan ng blog theme, sapat na ang 1200×675px. Gamitin ang Image Resizer.

Hakbang 2: I-compress Bago Mag-upload

Ang 1200×675px JPG sa camera quality ay karaniwang 400–800KB. Pagkatapos ng compression sa quality 80, nagiging 80–150KB ito nang walang nakikitang pagkawala ng kalidad sa screen. I-compress sa 100KB bago mag-upload ng blog thumbnail, o I-compress sa 200KB para sa hero image.

Hakbang 3: I-convert sa WebP

Native na sinusuportahan ng WordPress ang WebP simula bersyon 5.8 (2021). I-convert ang JPG sa WebP bago mag-upload — nakakakuha ka ng 25–35% na mas maliit na file sa parehong visual quality. Agad na bubuti ang iyong PageSpeed score.

Hakbang 4: Gumamit ng Descriptive File Names

• Bago mag-upload, pangalanan muli ang file sa keyword-rich, hyphenated na pangalan:
• Masama: `DSC04521.jpg`
• Maganda: `gabay-sa-wordpress-image-optimization.webp`
• Ginagamit ng WordPress ang file name bilang default alt text at image URL — pareho silang mahalaga para sa SEO.

Hakbang 5: Palaging Punan ang Alt Text

Ang bawat image sa iyong site ay dapat may descriptive alt text (5–15 salita). Isama ang target keyword kung natural na bagay. Huwag kailanman mag-keyword-stuff ng alt text.

Hakbang 6: I-enable ang Lazy Loading

Awtomatikong nagdaragdag ang WordPress ng `loading="lazy"` sa image simula bersyon 5.5. Inaantala ng lazy loading ang off-screen image hanggang sa mag-scroll dito ang user — lubos na pinapabuti ang initial page load speed.