Centro de Apoio

What size images should I upload on my store?

Nesta página

The documentation for the not deprecated themes is available at these links: Configuring the main sections of a Theme and Theme components.

General Recommendations

We recommend uploading images that are the size of the container they’re filling, this is why we want to help you upload them in a suitable size according to the design you have chosen.

  • For each product you can add as many images as necessary (with a maximum weight: 2 MB).
  • The format of the images should be JPG or PNG.
  • The sizes listed below are in pixels and they are expressed in Width x Height (example: 700 x 400 px).
  • For product images it is recommended to keep the product in the center of the image leaving some extra space for the adjustments that can make the system for viewing on different devices such as tablet or mobile phones.

Natural

Recommended Sizes for Natural:

  • Homepage slider: 1920 x 1000 px
  • Products: 1920 x 1450 px
  • Category image: 1920 x 550 px
  • Default header image: 1920 x 550 px
  • Blog: 1920 x 1450 px
  • Store Logo Header: width: 100px to 310px and height: 100px to 150px
  • Store Logo Footer: width: 100px to 310px and height: 100px to 150px

Recommended Sizes for Components:

  • Slider Component
    • Image Size (Desktop): 1920 x 1000 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 575 x 450 px or proportional height depending on how you want to display it.
  • Banner Component
    • Image Size (Desktop and Mobile): 400 x 400 px or proportional height depending on how you want to display it.
  • Big Banner Component
    • Image Size: We recommend a minimum of 1100px of width. Proportional height depending on how you want to display it.
  • Image with Text Component
    • Image Size: We recommend a minimum of 750px of width. Proportional height depending on how you want to display it.
  • Testimonial Component
    • Image Size: 50 x 50 px.

Bundle

Recommended Sizes for Bundle:

  • Products: 1120 x 1265 px
  • Blog: 580 x 415 px
  • Category: 1290 x 160 px
  • Store Logo: height: 100px and width: 100px to 350px

Recommended Sizes for Components:

  • Slider Component
    • Image Size (Desktop): 1200 x 450 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 760 x 450 px or proportional height depending on how you want to display it.
  • Banner Component
    • Image Size (Desktop): 510 x 315 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 750 x 400 px or proportional height depending on how you want to display it.
  • Big Banner Component
    • Image Size: We recommend a minimum of 1200px of width. Proportional height depending on how you want to display it.
  • Image with Text Component
    • Image Size: 580 x 580 px or proportional height depending on how you want to display it.
  • Logos slider Component
    • Image Size: We recommend a maximum of 190 x 190 px.
  • Testimonial Component
    • Image Size: 50 x 50 px.

Vintage

Recommended Sizes for Vintage:

  • Products: 1140 x 1530 px
  • Home Slider: 1600 x 500 px
  • Home Banner: 770 x 280 px
  • Blog: 700 x 392 px
  • Store Logo: height: 100px and width: 150px to 200px

Premium

Recommended Sizes for Premium:

  • Products: 1320 x 900 px
  • Home Slider: Use the image of the Featured Products
  • Blog: 900 x 250 px
  • Store Logo: height: 100px and width: 100px to 500px

Megami

Recommended Sizes for Megami:

  • Products: 2000 x 2200 px
  • Home Slider: 1900 x 600 px
  • Blog: 750 x 500 px
  • Category image: 2280 x 1000 px
  • Store Logo: height: 75px and width: 75px to 300px

Recommended Sizes for Components:

  • Slider Component
    • Image Size (Desktop): 1900 x 600 px.
  • Banner Component
    • Image Size (Desktop): 750 x 400 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 575 x 300 px or proportional height depending on how you want to display it.
  • Big Banner Component
    • Image Size: We recommend a minimum of 1140px of width. Proportional height depending on how you want to display it.
  • Image with Text Component
    • Image Size: 560 x 370 px.
  • Testimonial Component
    • Image Size: 50 x 50 px.

Astrid

Recommended Sizes for Astrid:

  • Products: 940 x 1290 px
  • Blog: 1245 x 748 px
  • Category: 1290 x 160 px
  • Store Logo: height: 50px to 200px and width: 150px to 300px
  • Store Logo Header: 50 x 50 px
  • Store Logo Footer: width: 100px to 250px and height: 100px to 200px

Recommended Sizes for Components:

  • Slider Component
    • Image Size (Desktop): 1900 x 750 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 760 x 450 px or proportional height depending on how you want to display it.
  • Banner Component
    • Image Size (Desktop): 790 x 420 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 575 x 300 px or proportional height depending on how you want to display it.
  • Big Banner Component
    • Image Size: We recommend a minimum of 1200px of width. Proportional height depending on how you want to display it.
  • Image with Text Component
    • Image Size: 750 x 600 px or proportional height depending on how you want to display it.
  • Testimonial Component
    • Image Size: 50 x 50 px.

Bootstrap

Recommended Sizes for Bootstrap:

  • Products: 1080 x 1350 px
  • Category image: 2220 x 600 px
  • Blog: 1100 x 560 px
  • Store Logo: height: 50px and width: 150px to 300px

Recommended Sizes for Components:

  • Slider Component
    • Image Size (Desktop): 1900 x 600 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 760 x 450 px or proportional height depending on how you want to display it.
  • Banner Component
    • Image Size (Desktop): 510 x 360 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 575 x 300 px or proportional height depending on how you want to display it.
  • Big Banner Component
    • Image Size: We recommend a minimum of 1900px of width. Proportional height depending on how you want to display it.
  • Image with Text Component
    • Image Size: 450 x 450 px or proportional height depending on how you want to display it.
  • Testimonial Component
    • Image Size: 50 x 50 px.

Cupcakes

Recommended Sizes for Cupcakes:

  • Products: 1200 x 1200 px
  • Blog: 970 x 540 px
  • Store Logo: height: 75px and width: 80px to 300px

Recommended Sizes for Components:

  • Slider Component
    • Image Size (Desktop): 970 x 500 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 575 x 450 px or proportional height depending on how you want to display it.
  • Banner Component
    • Image Size (Desktop): 470 x 300 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 720 x 460 px or proportional height depending on how you want to display it.
  • Big Banner Component
    • Image Size: We recommend a minimum of 1000px of width. Proportional height depending on how you want to display it.
  • Image with Text Component
    • Image Size: 470 x 300 px or proportional height depending on how you want to display it.
  • Testimonial Component
    • Image Size: 50 x 50 px.

Core

Recommended Sizes for Core:

  • Products: 1800 x 1200 px (leave the product centered)
  • Home Slider: 900 x 320 px
  • Blog: 900 x 570 px
  • Store Logo: height: 100px and width: 100px to 300px

Wide

  • Products: 1080 x 1080 px.
  • Blog: Minimum of 1024px of width. Proportional height depending on how you want to display it.
  • Category: Minimum of 1024px of width. Proportional height depending on how you want to display it.
  • Store Logo: height: 100px to 200px and width: 100px to 500px.
  • Pop Up Image: width: 300px to 1140px. Proportional height depending on how you want to display it.

Recommended Sizes for Components:

  • Slider Component
    • Image Size (Desktop): 1440 x 780 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 575 x 450 px or proportional height depending on how you want to display it.
  • Banner Component
    • Image Size (Desktop and Mobile): 760 x 440 px or proportional height depending on how you want to display it.
  • Big Banner Component
    • Image Size: We recommend a minimum of 1440px of width. Proportional height depending on how you want to display it.
  • Image with Text Component
    • Image Size (Desktop and Mobile): We recommend a minimum of 750px of width. Proportional height depending on how you want to display it.
  • Logos slider Component
    • Image Size: We recommend a maximum of 150px of width. Proportional height depending on how you want to display it.
  • Testimonial Component
    • Image Size: 50 x 50 px.

Apparel

  • Product images: 1210 x 1210 px.
  • Store Logo: will be displayed in a maximum of 50px of height and a proportional width.
  • Cart Logo (shopping process): will be displayed in a minimum of 10px and a maximum of 120px in height.
  • Success Logo (shopping process): will be displayed in a minimum of 10px and a maximum of 120px in height.
  • Category image: We recommend a minimum of 1024 x 150 px
  • Header: there are different types of images in the header:
    • Header logo: We recommend a maximum of 150px of width and 10px to 120px of height.
    • Header logo mobile: We recommend a maximum of 120px of width and 10px to 120px of height.
  • Footer logo: We recommend a maximum of 250px of width and 10px to 120px of height.
  • Mobile Menu (logo): We recommend a maximum of 250px of width and 10px to 120px of height.
  • Store Message (logo): We recommend a maximum of 1300px of width. Proportional height depending on how you want to display it.
  • Customer Pages - Forms (logo): there are different types of images in the header:
    • Page logo: We recommend a maximum of 250px of width and 10px to 120px of height.
    • Left section (mobile): We recommend a maximum of 575px of width and minimum of 500px in height.
    • Left section (desktop): We recommend a minimum of 1400px of width and minimum of 768px in height

Recommended Sizes for Components:

  • Slider Component
    • Image Size (Desktop): 1600 x 600 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 575 x 400 px or proportional height depending on how you want to display it.
  • Banner Component
    • Image Size (Desktop): We recommend a minimum of 640px of width. Proportional height depending on how you want to display it.
    • Image Size (Mobile): We recommend a maximum of 575px of width. Proportional height depending on how you want to display it.
  • Accordion Component
    • Image Size: We recommend a minimum of 520px of width. Proportional height depending on how you want to display it.
  • Collage Component
    • Image Size (Desktop): 1000 x 900 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 575 x 500 px or proportional height depending on how you want to display it.
  • Collection Component
    • Image Size (Desktop): 800 x 1200 px or proportional height depending on how you want to display it.
    • Image Size (Mobile): 767 x 180 px or proportional height depending on how you want to display it.
  • Flexible Content Component
    • Image Size (Desktop): We recommend a minimum of 750px of width and 430px of height or proportional height depending on how you want to display it.
    • Image Size (Mobile): We recommend a minimum of 552px of width and 340px of height or proportional height depending on how you want to display it.
  • Gallery Component
    • Slider Image Size: We recommend a maximum of 700px of width. The height of the slider will adapt to the height of the banners.
    • Banner Image Size (Desktop): 600 x 300 px or proportional height depending on how you want to display it.
    • Banner Image Size (Mobile): 750 x 460 px or proportional height depending on how you want to display it.
  • Lookbook Component
    • Image Size (Desktop): We recommend a minimum of 700px. Proportional height depending on how you want to display it.
    • Image Size (Mobile): We recommend a maximum of 575px. Proportional height depending on how you want to display it.
  • Logo Carousel Component
    • Image Size: We recommend a maximum of 200px of width. Proportional height depending on how you want to display it.
  • Pop Up Component
    • Image Size: We recommend a maximum of 500px of width. Proportional height depending on how you want to display it.
  • Testimonial Component
    • Image Size: 50 x 50 px.

Artigos Relacionados

Comece a sua jornada com a gente!

Teste gratuito por 14 dias. Não é necessário cartão de crédito.

Criar Loja