Mga laki ng larawan para sa website, email at social media
Reference table ng mga pixel dimension at ratio para sa web page, link preview, email at bawat malaking social platform.
Kapag nag-upload ka ng larawan sa maling laki, ang resulta ay malabo, naputol ang subject, o mabagal mag-load ang page. Tinitipon ng reference na ito ang mga dimensyong gumagana sa 2026, kasama ang paliwanag sa likod ng mga ito para makapagpasya ka nang matino kapag nagbago ng patakaran ang isang platform.
Dalawang prinsipyo
Itugma sa laki ng pagkakapakita, isinasaalang-alang ang mga high-density na screen. Karamihan ng phone at laptop ngayon ay may screen na may dalawa o tatlong pisikal na pixel sa bawat CSS pixel. Ang larawang ipinapakita sa lapad na 600 CSS pixel ay dapat 1,200 pixel ang lapad para magmukhang matalas. Ang paglampas sa 2× ay nagdadagdag lang ng laki ng file nang walang nakikitang pakinabang.
Ayusin muna ang aspect ratio bago ang bilang ng pixel. Awtomatikong kina-crop ng mga platform sa ratio na gusto nila, at ang awtomatikong crop ay pumuputol ng ulo at logo. I-crop mo mismo sa tamang ratio gamit ang crop tool, saka i-resize gamit ang resize tool.
Mga larawan sa website
| Gamit | Lapad | Ratio | Target na laki ng file |
|---|---|---|---|
| Full-width na hero | 1,920 px (2,560 para sa napakalaking screen) | 16:9 o 21:9 | Wala pang 300 KB bilang WebP |
| Larawan sa content / blog | 1,200 hanggang 1,600 px | 3:2 o 16:9 | Wala pang 150 KB |
| Card o thumbnail sa grid | 600 hanggang 800 px | Pare-pareho sa buong grid | Wala pang 60 KB |
| Larawan ng produkto | 1,200 hanggang 2,000 px | 1:1 o 4:5 | Wala pang 200 KB; mas malaki kung may zoom |
| Logo (raster) | 2× ng laki ng pagkakapakita | Ayon sa disenyo | PNG o SVG |
| Open Graph / link preview | 1,200 × 630 px | 1.91:1 | Wala pang 300 KB, JPG o PNG |
| Favicon | 16, 32, 48, 64 px sa iisang .ico | 1:1 | Napakaliit |
| Apple touch icon | 180 × 180 px | 1:1 | PNG |
Nagre-render ang mga email client sa nakapirming lapad, karaniwang 600 hanggang 640 pixel para sa body ng mensahe. Magbigay ng mga larawang 1,200 px ang lapad (2× para sa retina) at panatilihing wala pang mga 1 MB ang buong mensahe; ang mas mabibigat na email ay pinuputol ng Gmail at mabagal bumukas sa mobile. Gumamit ng JPG o PNG; hindi pa rin pare-pareho ang suporta sa WebP ng mga email client. Ayos lang ang GIF para sa simpleng animation.
Social media
| Platform | Puwesto | Laki | Ratio |
|---|---|---|---|
| Feed, portrait (pinakamalawak na reach) | 1,080 × 1,350 | 4:5 | |
| Feed, square | 1,080 × 1,080 | 1:1 | |
| Stories / cover ng Reels | 1,080 × 1,920 | 9:16 | |
| Profile picture | 320 × 320 (ipinapakita sa bilog) | 1:1 | |
| Larawan sa feed | 1,200 × 630 o 1,080 × 1,350 | 1.91:1 o 4:5 | |
| Cover ng page | 1,640 × 856 | Ipinapakita bilang 820 × 312 sa desktop | |
| Larawan sa post | 1,200 × 627 | 1.91:1 | |
| Banner ng kumpanya | 1,128 × 191 | mga 5.9:1 | |
| X (Twitter) | Larawan sa post | 1,600 × 900 | 16:9 |
| X (Twitter) | Header | 1,500 × 500 | 3:1 |
| YouTube | Thumbnail | 1,280 × 720 | 16:9, wala pang 2 MB |
| YouTube | Banner ng channel | 2,560 × 1,440 (safe area 1,546 × 423) | 16:9 |
| TikTok | Cover ng video | 1,080 × 1,920 | 9:16 |
| Pin | 1,000 × 1,500 | 2:3 | |
| WhatsApp / Telegram | Profile picture | 640 × 640 | 1:1 |
Nire-recompress ng bawat social platform ang mga upload, karaniwang bilang JPG sa quality na mga 75 hanggang 80. Mag-upload sa mataas na kalidad (JPG 90 o PNG) sa eksaktong dimensyon sa itaas, at hayaang ang platform ang gumawa ng huling compression nang isang beses sa halip na patungan mo pa ng sarili mong compression ang sa kanila. Para makita ang post bago ito i-publish, gamitin ang post mockup.
Print, para kumpleto
Sinusukat ang print sa pixel bawat pulgada, hindi sa kabuuang bilang ng pixel. 300 ppi ang pamantayan: ang litratong 6 × 4 na pulgada ay nangangailangan ng 1,800 × 1,200 px, ang isang A4 na pahina ay 2,480 × 3,508 px, at ang isang A3 na poster ay 3,508 × 4,961 px. Anumang mas mababa sa 150 ppi ay halatang malambot ang dating kapag na-print. Magbigay ng JPG sa quality na 95 o isang lossless na format.
Mabilis na workflow
- I-crop sa ratio na hinihingi ng destinasyon.
- I-resize sa lapad na nasa talahanayan, hindi kailanman lalampas sa 2× ng laki ng pagkakapakita.
- I-export bilang WebP para sa website, JPG para sa email at social media, PNG para sa mga graphic na may transparency.
- Tingnan ang laki ng file; kung lampas sa target, babaan nang ilang punto ang quality sa halip na paliitin ang dimensyon.
Magagawa ang lahat ng apat na hakbang sa site na ito nang hindi ina-upload ang larawan kahit saan.