Hi !
I have a problem with the size of my hero image on desktop.
On desktop my image it’s cut and too much zoomed how can I fix that ?
What size of picture should I put in the hero image to have a perfect image not cutting ?
Regards
1 Like
Taking the Debut theme as an example, there are four factors that affect how your slideshow images appear using the theme. These are:
- Image size
- Image position settings
- Slide height settings
- Width-to-height ratio (or aspect ratio)
For image sizes, Debut recommends the following:
| Slide height setting | Recommended width | Recommended height |
|---|---|---|
| Adapt to first image | 1200 px | 600 px |
| Small | 1200 px | 475 px |
| Medium | 1200 px | 489 px |
| Large | 1200 px | 775 px |
You can see that the best slideshow image sizes depend heavily on your theme settings.
https://webpop.io/shopify/image-sizes/
Thanks!
Hi there @Charlotte7 !
Slideshows like this are coded in such a way that you would need to select an image that will work well on multiple screen sizes, to account for image cropping.
You can see how to work within the image requirements of slideshow image sizes here on our blog site.
There’s more info on the best practices for these and other images in your store here on our help site.
Check out that info, try out your slideshow images on a few different screen sizes and devices, and think about how you can best work with the requirements of the image slideshow.
It looks like you’re selling women’s fashion, is this a new business or an existing venture you’re looking to expand?
1 Like