How can I fix the sizing issue with my hero image on desktop?

[Charlotte7]

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 ? 

https://kokalaboutique.com/

Regards 

[dmwwebartisan]

@Charlotte7 

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!

[Don]

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?