cheat sheet
Ang Ultimate Reference sa Laki ng File ng Imahe
Gaano kalaki dapat ang imaheng iyon? Praktikal na KB / MB na benchmark para sa bawat gamit.
"Gaano kalaki dapat ang imaheng ito?" ang pinakamadalas itanong sa pagganap ng web. Ang tapat na sagot ay: depende ito sa gamit. Narito ang praktikal na sanggunian.
Hero / above-the-fold na mga imahe
| Uri | Target na laki | Format |
|---|---|---|
| Full-width hero (desktop) | 150-300 KB | WebP / AVIF |
| Mobile hero | 80-150 KB | WebP |
| Lazy-loaded sa ibaba ng fold | hanggang 500 KB | WebP / JPG |
Thumbnails / listing na mga imahe
| Uri | Target na laki | Format |
|---|---|---|
| Product grid thumbnail (300×300) | 15-40 KB | WebP / JPG |
| Article preview (640×360) | 30-80 KB | WebP |
| Avatar (96×96) | 5-15 KB | WebP / PNG |
Social media uploads
Karamihan sa mga platform ay agresibong nagre-recompress, kaya ang sobrang pag-optimize sa iyong dulo ay sayang. Layunin ang "mataas na kalidad" sa halip na "pinakamaliit na posible":
| Platform | Inirerekomendang laki ng upload |
|---|---|
| 1.5-3 MB (nagre-recompress sila sa ~150 KB) | |
| Twitter / X | mas mababa sa 5 MB; lampas doon = sapilitang re-compress |
| mas mababa sa 1 MB para sa mga post | |
| mas mababa sa 5 MB; PNG para sa mga logo, JPG para sa mga larawan |
Wallpapers (kapag naka-store nang lokal)
Malaki ang storage ng telepono — mas mahalaga ang kalidad kaysa laki:
| Resolusyon | Makatwirang laki ng JPG |
|---|---|
| HD (1280×720) | 200-400 KB |
| Full HD (1920×1080) | 400-800 KB |
| 4K (3840×2160) | 1.5-3 MB |
| 5K (5120×2880) | 3-6 MB |
| 8K (7680×4320) | 6-12 MB |
Email signatures at naka-embed na graphics
| Gamit | Target na laki |
|---|---|
| Email signature image | mas mababa sa 50 KB |
| PDF embedded image | mas mababa sa 200 KB |
| Slide deck image | mas mababa sa 500 KB |
Mga tool para maabot ang target
- JPG compressor — slider-based, tingnan ang KB nang live habang inaayos ang kalidad.
- WebP converter — karaniwang 30-50% mas maliit para sa parehong kalidad.
- Resizer — mas maliit na dimensyon = mas maliit na file. I-resize muna, i-compress pagkatapos.
- Bulk mode — ilapat ang iyong target na setting sa isang buong folder.
Subukan ang aming mga libreng tool
- Image resizer — pixel-perfect na downscale + upscale.
- Convert to WebP — 30-50% mas maliit na file kaysa JPG.
- Background remover — one-click cutout.
- Social-media resizer — eksaktong dimensyon ng bawat platform.
- Bulk processing — ilapat ang anumang tool sa hanggang 200 imahe nang sabay-sabay.
Tingnan ang buong katalogo ng tool o ang aming iba pang mga gabay.
