In Concept, there are no strict rules for image sizes, you can choose any size you want. However, for optimal display, this article will recommend image sizes to display perfectly on your site.
On this page
Image sizes for different sections & blocks
To achieve optimal results in Concept, we suggest using a range of image sizes for various sections, as detailed in the table below:
Location of the image Image size Header group Promotion image The promotion images is in Mega menu section.
The recommended image size for both desktop and mobile devices depends on the selected aspect ratio:
- Adapt to image - preserve your image ratio
- Square - at least 2000 x 2000 pixels
- Portrait - at least 2000 x 2500 pixels
- Landscape - at least 2400 x 1600 pixels
- Wide - at least 2400 x 1350 pixels
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:
- Desktop browser: 2200 x 1000 pixels.
- Mobile browser: 1000 x 1167 pixels.
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:
- Desktop browser: 2200 x 980 pixels.
- Mobile browser: 833 x 1000 pixels.
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 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 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.
* The images are used for non-commercial product demonstration purposes only, and are solely intended for use in this theme instruction documentation.
Need Further Assistance
If you encounter any issues or need additional help with your Concept theme, don't hesitate to reach out to Roartheme's support team for expert guidance.
Scan the QR code to get support within 8 hours via RoarTheme ’s Whatsapp
Share:
Custom Javascript event listeners and triggers in Concept
Add custom fonts to your Concept theme