Image size guidelines of Be Yours theme

We know that you want to have the best images represented on your website. This article will show you a guideline of image sizes to display perfectly on your site.

On this page

Image sizes for different sections

On Be Yours theme, we recommend you to apply the particular image sizes to different sections as follows:

  1. Bundle products: 1000 x 1100 pixels.
  2. Image comparison: 1920 x 960 pixels.
  3. Image with text overlay: 1920 x 1280 pixels.
  4. Layered images with text: 1000 x 1100 pixels.
  5. Lookbook: 1500 x 750 pixels.
  6. Reveal banner: 1920 x 1280 pixels.
  7. Shop the look: 1000 x 1000 pixels.
  8. Slideshow: 2048 x 1365 pixels.

    For the Slideshow, we strongly recommend you insert separate images for desktop and mobile versions to have the best image representation on different devices.

    In case you apply the same images for both versions, the default crop is from the center of images when displaying on mobile. To avoid losing your images’ important details and focus on different display devices, you can apply one of these ways:

      • Try to keep the most compelling and relevant parts in the center of the image when designing or photographing.
      • Or, you remain the original image when loading on desktop or mobile by choosing the option Adapt to first image in Slideshow > Desktop height or Slideshow > Mobile layout > Mobile height dropdown list.
  9. Tab collage: 1200 x 1200 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 Beyours-theme website such as the Featured collection, Featured product, or Recently viewed products. In these sections, the options of image ratio comprising Adapt to image, Square, Portrait, Landscape, and Wide are available for displaying product images of your choice.

 

We recommend the product image sizes based on these image ratios as follows:

  • 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

That is all our recommendations for the best image sizes used on Be Yours 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 that you find this article helpful! If you have any concerns about this feature, do not hesitate to contact our team for further support.