Best hero image sizes for Showit

Quick answer

Desktop hero images should be 1920px wide and 900–1200px tall. Mobile hero images should be 1080px wide and 1350–1600px tall for portrait-style layouts. Use JPEG for all photography and background images.

How to fix it in Showit

1. Desktop hero images: aim for 1920px wide and between 900px to 1200px tall

2. Mobile hero images: aim for 1080px wide and between 1350px to 1600px tall for portrait-style mobile layouts

3. Use JPEG format for all hero images — photography, background images, lifestyle imagery, and large website banners

4. JPEG files are significantly smaller than PNGs and Showit compresses them automatically on upload

5. Do not use PNG for hero images unless the image requires a transparent background

6. Resize and compress your images before uploading — FastaSEO can help identify any hero images that are oversized or in the wrong format

7. Re-upload the correctly sized versions into Showit and replace the originals

What's the issue

Hero images are the large images at the top of your pages — they are often the first thing visitors see and one of the heaviest files on the page. Using the correct dimensions means they load quickly, look crisp on retina screens, and don't carry unnecessary file weight.

Why it matters

• Hero images are typically the largest files on a page. An oversized or incorrectly formatted hero image can significantly slow down your site — especially on mobile. Using the recommended dimensions means every visitor gets a fast, sharp experience regardless of their device or screen size. It also keeps your Shoiwt site performing well on speed tests, which is increasingly important for both SEO and user experience.

What good looks like

Desktop hero: 1920 x 900–1200px, saved as JPEG. Mobile hero: 1080 x 1350–1600px, saved as JPEG. Both uploaded at an appropriate file size — typically under 500KB for most hero images.