Image Size Guidelines
Image Size Guidelines
Effective Date: February 1, 2026
Last Updated: February 1, 2026
Image Guidelines for Hibu One Smart Sites
These recommendations help images look clear and professional across desktop, tablet, and mobile.
Recommended Image Sizes
Hero / Background Images
- Width: 1980–2560 pixels
- Best for large, full-width banners at the top of a page
- Use wide (horizontal) images only
Content Images (Photos in the Page)
- Width: 1200–1600 pixels
- Works best for photos inside page sections and featured areas
- Landscape (horizontal) images are recommended
Small Images / Thumbnails
- Width: 150–300 pixels
- Used for icons, small photos, or previews
- Square images work best
Image Shape (Orientation & Cropping)
- Banners / hero images: 16:9 (wide)
- Logos and thumbnails: 1:1 (square)
- General photos: 3:2 or 4:3 (landscape)
Image Quality
- There is no DPI requirement for websites
- What matters is pixel size, not DPI
- Images should be large enough for where they appear on the page
- Small images stretched large will look blurry
Best practice:
Provide images that are
at least 2× the expected display size.
File Types
- Use JPG (JPEG) or PNG
- These are ideal for photos, logos, and graphics
- Images are automatically resized for different devices