What makes an image size page useful?
It answers the dimension question quickly, then adds aspect ratio, file-size budget, implementation notes, and the common mistakes that cause blurry or cropped assets.
Size Reference· 4 pages
Website image size reference pages
Practical dimension references for social cards, favicons, hero imagery, and blog featured images.
Reference pages can scale if they solve a narrow dimension question fast and back it with implementation notes. They fail when they become endless image-size directories with no editorial judgment.
Pages in this section
- № 01Reference
Open Graph image size guide
The practical dimensions, aspect ratio, and file-prep rules for social share images that need to preview cleanly.
1200 × 630 px - № 02Reference
Favicon sizes guide
The favicon and app-icon sizes a modern website actually needs, without the usual junk drawer of unnecessary exports.
16, 32, 48, 180, 192, 512 - № 03Reference
Hero image size guide for websites
How large hero images should be before responsive resizing, and how to avoid giant full-bleed assets that slow the page down.
1600 × 900 px source target - № 04Reference
Blog featured image size guide
Recommended dimensions and aspect-ratio rules for article featured images that need to work on-page and across social previews.
1600 × 900 px for on-page use
Quick answers
Which image size pages should not be scaled?
Highly platform-specific, low-demand, or constantly shifting size pages should not be mass-produced unless the site can keep them updated accurately.