Shopify themes, liquid, logos, and UX
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 ?
Taking the Debut theme as an example, there are four factors that affect how your slideshow images appear using the theme. These are:
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.
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?
Don | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...By Ollie May 25, 2023
Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...By Trevor May 15, 2023
With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...By Imogen Apr 26, 2023