How to set up the right format for the shopify home page banner

Shopify Discussion

Topic summary

A user is experiencing issues with their Shopify home page banner on the Impulse theme at style-heaven.co. The attached screenshot shows the current banner setup.

Suggested troubleshooting steps:

  • Verify the recommended image dimensions for the Impulse theme
  • Create a responsive banner design in PNG format
  • Upload the banner and adjust its settings within the theme customizer
  • Optimize images to improve loading speed

Follow-up question:
Another participant asks (in Portuguese) where to find the banner settings and how to optimize the image.

The discussion remains open with the technical implementation details not yet fully addressed.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

DenzelDennen_0-1724750677621.png
DenzelDennen_0-1724750677621.png1960×1369 319 KB

my link: https://www.style-heaven.co/

theme: impulse

2

Hi,

  • Check the recommended Image Size for the Impulse Theme
  • Design Responsiveness Banner (png format)
  • After uploading the banner adjust the banner settings
  • Optimize images for loading speed
3

Onde ajustar as configurações do banner e como otimizar a imagem?

4

For the Impulse theme homepage banner:

  • Image Size: Use 2880 x 1620px (16:9 ratio)

  • Format: JPG for faster loading

  • Key Setting: Disable parallax effect in theme settings to prevent unwanted zoom

Upload your image in the theme editor under “Slideshow” or “Image with text overlay” sections. Use separate mobile images for best results.

5

To keep the image sharp and responsive on all devices, use Shopify’s recommended banner ratio (typically 1920×800px or a similar wide format). Compress the file for faster loading speeds. Tools like Ketch can help ensure that any tracking on the banner area remains privacy-compliant.