In Concept, there are no specific rules for image sizes. Really, you can use any size you want, just make sure in the same place the images are the same size. You can see that the "Image ratio" setting for images is integrated into many sections throughout the theme, to ensure that the theme will follow your size, not the other way around.
Basically, there are no strict rules that you need to follow. However, it's important to ensure consistency in size within the same section.
For instance, for slide images in the "Slideshow" section, it's recommended to maintain the same size. In most sections, you may come across the "Desktop height" or "Mobile height" options, and you can choose to set these options to Adapt to image to prevent any cropping of your images.
On this page
Image sizes for different sections & blocks
To achieve optimal results in Be Concept, we suggest using a range of image sizes for various sections, as detailed in the table below:
Image | Image size | |
---|---|---|
Header group | ||
Promotion image
The promotion image is in Mega menu section. |
The recommended image size for both desktop and mobile devices depends on the selected aspect ratio:
|
|
Overlay group | ||
Newsletter popup image | The recommended size for both desktop and mobile browser: 1080 x 1080 pixels. | |
Template group | ||
Collage blog post |
To set the blog post featured image, you go to Online stores > Blog posts in your Shopify admin dashboard. Then click on the post and locate the Featured image box in the right-hand column to add the image. The recommended size for both desktop and mobile browser: 1600 x 900 pixels. |
|
Countdown timer |
The recommended size for:
|
|
Image comparison | The recommended size for both desktop and mobile browser: 1800 x 1013 pixels. | |
Shoop the look | The recommended size for both desktop and mobile browser: 1800 x 1191 pixels. | |
Slideshow |
The recommended size for:
|
|
Testimonials banner | The recommended size for both desktop and mobile browser: 1800 x 1013 pixels. |
Image sizes for products
From the tab Products on your Shopify Admin dashboard, you can add new products with their images. These products and images will display in the product-related sections on your Be Concept website such as the Featured collection, Featured product, or Recently viewed products.
We recommend using a size of 2000 x 2000 pixels for your images.
That is all our recommendations for the best image sizes used on Be Concept theme.
It is also important to note that you should apply consistent size for images in similar blocks under the same section. For example, you add a Slideshow section having 4 images, so make sure these four images have the same size.
We hope this article has been helpful. If you have any questions or concerns about this feature, please do not hesitate to contact our team for support.