Support Center

What size images should I upload on my store?

On this page

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.
  • 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.

Mega

Recommended Sizes for Mega:

  • Products: 1080x1080px
  • Store Logo Header: Maximum width: 200px and height: proportional to the width

Recommended Sizes for Components:

  • Slider Component
    • Slider Desktop Size: 1100px (width) x 685px (height) or proportional height depending on how you want to display it.
    • Slider Mobile Size: 575px (width) x 450px (height) or proportional height depending on how you want to display it.
  • Banner Component
    • Banner Size (Desktop and Mobile): 510px (width) x 315px (height) 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 (Desktop and Mobile): 750px (width). Proportional height depending on how you want to display it.
  • Logos Slider Component
    • Logo Size: We recommend a maximum of 130px of width. Proportional height depending on how you want to display it.
  • Testimonial Component
    • Author Image: 50px (width) x 50px (height).
  • Quick Links Component
    • Image Size: 250px (width) x 250px (height).
  • Featured Category Component
    • Image Size: 510px (width) x 370px (height).

Industrial

Recommended Sizes for Industrial:

  • Homepage slider: 1920x900px
  • Products: 1080x1200px
  • Blog: 900x450px
  • Store Logo Header: width: 100px to 300px and height: 70px
  • Store Logo Footer: width: 100px to 255px and height: 100px to 200px

Recommended Sizes for Components:

  • Slider Component
    • Slider Desktop Size: 1920px (width) x 900px (height) or proportional height depending on how you want to display it.
    • Slider Mobile Size: 575px (width) x 450px (height) 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 (Desktop and Mobile): 500px (width) x 500px (height) or proportional height depending on how you want to display it.
  • Logos Slider Component
    • Logo Size: We recommend a maximum of 130px of width. Proportional height depending on how you want to display it.
  • Testimonial Component
    • Author Image: 50px (width) x 50px (height).
  • Featured Single Product Component
    • Image Size: 500px (width) x 300px (height).
  • Category Banners Component
  • Image Size: 300px (width) x 300px (height).

Natural

Recommended Sizes for Natural:

  • Homepage slider: 1920x1000px
  • Products: 1920x1450px
  • Category image: 1920x550px
  • Default header image: 1920x550px
  • Blog: 1920x1450px
  • 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
    • Slider Desktop Size: 1920px (width) x 1000px (height) or proportional height depending on how you want to display it.
    • Slider Mobile Size: 575px (width) x 450px (height) or proportional height depending on how you want to display it.
  • Banner Component
    • Banner Size (Desktop and Mobile): 400px (width) x 400px (height) 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: 750px (width). Proportional height depending on how you want to display it.
  • Testimonial Component
    • Author Image: 50px (width) x 50px (height).

Extravagance

Recommended Sizes for Extravagance:

  • Products: 1500x1900px
  • Blog: 800x500px
  • Store’s Logo: height: 100px / width: 100px to 400px

Recommended Sizes for Components:

  • Slider Component
    • Slider Desktop Size: 1900px (width) x 600px (height) or proportional height depending on how you want to display it.
    • Slider Mobile Size: 575px (width) x 450px (height) or proportional height depending on how you want to display it.
  • Slider Multiple Component
    • Slider Desktop Size: 700px (width) x 800px (height) or proportional height depending on how you want to display it.
    • Slider Mobile Size: 575px (width) x 450px (height) or proportional height depending on how you want to display it.
  • Banner Component
    • Banner Size (Desktop): 600px (width) x 350px (height) or proportional height depending on how you want to display it.
    • Banner Size (Mobile): 575px (width) x 400px (height) or proportional height depending on how you want to display it.
  • Big Banner Component
    • Image Size (Desktop): 1110px (width) x 500px (height) or proportional height depending on how you want to display it.
    • Image Size (Mobile): 575px (width) x 480px (height) or proportional height depending on how you want to display it.
  • Image with Text Component
    • Image Size: 510px (width). Proportional height depending on how you want to display it.
  • Brands Slider Component
    • Logo Size: We recommend a maximum of 400px (width) x 250px (height).
  • Testimonial Component
    • Author Image: 50px (width) x 50px (height).

Kickstart

Recommended Sizes for Kickstart:

  • Products: 1080x1080px
  • Blog: 1400x550px
  • Store Logo: height: 100px and width: 100px to 300px
  • Category Banner: 1200x300px

Recommended Sizes for Components:

  • Slider Component
    • Slider Image Size: 510px (width) x 466px (height) or proportional height depending on how you want to display it.
    • Background Image Size: 1900px (width) x 728px (height) or proportional height depending on how you want to display it.
  • Big Banner Component
    • Image Size: 1600px (width) x 580px (height) or proportional height depending on how you want to display it.
  • Image with Text Component
    • Image Size: 460px (width). Proportional height depending on how you want to display it.
  • Logo Slider Component
    • Logo Size: We recommend a maximum of 170px (width) x 170px (height).
  • Testimonial Component
    • Author Image: 50px (width) x 50px (height).
  • Features Component
    • Image Size: 50px (width) x 50px (height).

Kids

Recommended Sizes for Kids:

  • Products: 960x750px
  • Home Slider: 1900x700px
  • Blog: 900x450px
  • Store Logo: height: 100px and width: 100px to 200px
  • Default Header Background: 1920x580px
  • Category Header Background: 1920x580px

Recommended Sizes for Components:

  • Slider Component
    • Slider Desktop Size: 1900px (width) x 700px (height) or proportional height depending on how you want to display it.
    • Slider Mobile Size: 575px (width) x 450px (height) or proportional height depending on how you want to display it.
  • Banner Component
    • Banner Size (Desktop): 510px (width) x 350px (height) or proportional height depending on how you want to display it.
    • Banner Size (Mobile): 575px (width) x 400px (height) or proportional height depending on how you want to display it.
  • Big Banner Component
    • Image Size (Desktop): 1100px (width) x 500px (height) or proportional height depending on how you want to display it.
  • Image with Text Component
    • Image Size: 640px (width). Proportional height depending on how you want to display it.
  • Logo Slider Component
    • Logo Size: We recommend a maximum of 300px (width) x 300px (height).

Simple

Recommended Sizes for Simple:

  • Products: 1280x1280px
  • Blog: 610x400px
  • Category: 1140x300px
  • Store Logo: height: up to 150px and Width: up to 300px

Recommended Sizes for Components:

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

Influence

Recommended Sizes for Influence:

  • Products: 1140x1520px
  • Blog: 1100x560px
  • Category: 500x200px
  • Store Logo: height: 100px to 150px and width: 100px to 500px

Recommended Sizes for Components:

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

Bundle

Recommended Sizes for Bundle:

  • Products: 1120x1265px
  • Blog: 580x415px
  • Category: 1290x160px
  • Store Logo: height: 100px and width: 100px to 350px

Recommended Sizes for Components:

  • Slider Component
    • Slider Desktop Size: 1200px (width) x 450px (height) or proportional height depending on how you want to display it.
    • Slider Mobile Size: 760px (width) x 450px (height) or proportional height depending on how you want to display it.
  • Banner Component
    • Banner Size (Desktop): 510px (width) x 315px (height) or proportional height depending on how you want to display it.
    • Banner Size (Mobile): 750px (width) x 400px (height) 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: 580px (width) x 580px (height) or proportional height depending on how you want to display it.
  • Logos slider Component
    • Logo Size: We recommend a maximum of 190px (width) x 190px (height).
  • Testimonial Component
    • Author Image: 50px (width) x 50px (height).

Vintage

Recommended Sizes for Vintage:

  • Products: 1140x1530px
  • Home Slider: 1600x500px
  • Home Banner: 770x280px
  • Blog: 700x392px
  • Store Logo: height: 100px and width: 150px to 200px

Modern

Recommended Sizes for Modern:

  • Products: 720x920px
  • Home Slider: 1900x800px
  • Blog: 720x500px
  • Store Logo: height: 75px and width: 75px to 120px

In the Modern Template you get to choose between having a slider or a still image.
You can change this in Theme Options.

Recommended Sizes for Components:

  • Slider Component
    • Slider Desktop Size: 1900px (width) x 600px (height).
    • Slider Mobile Size: 760px (width) x 450px (height).
  • Banner Component
    • Banner Size (Desktop and Mobile): 760px (width) x 440px (height).
  • Big Banner Component
    • Image Size: We recommend a minimum of 1024px of width. Proportional height depending on how you want to display it.
  • Image with Text Component
    • Image Size (Desktop and Mobile): 740px (width) x 600px (height).
  • Logos slider Component
    • Logo Size: We recommend a maximum of 220px of width. Proportional height depending on how you want to display it.
  • Testimonial Component
    • Author Image: 60px (width) x 60px (height).

Premium

Recommended Sizes for Premium:

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

Megami

Recommended Sizes for Megami:

  • Products: 2000x2200px
  • Home Slider: 1900x600px
  • Blog: 750x500px
  • Category image: 2280x1000px
  • Store Logo: height: 75px and width: 75px to 300px

Recommended Sizes for Components:

  • Slider Component
    • Slider Desktop Size: 1900px (width) x 600px (height).
  • Banner Component
    • Banner Size (Desktop): 750px (width) x 400px (height) or proportional height depending on how you want to display it.
    • Banner Size (Mobile): 575px (width) x 300px (height) 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: 560px (width) x 370px (height).
  • Testimonial Component
    • Author Image: 50px (width) x 50px (height).

Astrid

Recommended Sizes for Astrid:

  • Products: 940x1290px
  • Home Slider: 1900x750px
  • Home Banner: 790x420px
  • Blog: 1245x748px
  • Category: 1290x160px
  • Store Logo: height: 100px and width: 100px to 300px

Bootstrap

Recommended Sizes for Bootstrap:

  • Products: 1080x1350px
  • Home Slider: 1900x480px
  • Category image: 2220x600px
  • Blog: 1100x560px
  • Store Logo: height: 50px and width: 150px to 300px

Cupcakes

Recommended Sizes for Cupcakes:

  • Products: 1200x1200px
  • Home Slider: Use the featured products photo
  • Blog: 970x540px
  • Store Logo: height: 75px and width: 80px to 300px

Classic

Recommended Sizes for Classic:

  • Products: 1200x1200px
  • Home Slider: 900x300px
  • Blog: 820x530px
  • Category: 970x230px
  • Store Logo: height: 75px to 150px and width: 100px to 300px

Core

Recommended Sizes for Core:

  • Products: 1800x1200px (leave the product centered)
  • Home Slider: 900x320px
  • Blog: 900x570px
  • Store Logo: height: 100px and width: 100px to 300px

Novus

Recommended Sizes for Novus:

  • Products: 1320x908px
  • Home Slider: 1170x500px
  • Blog: 820x570px
  • Category: 970x200px
  • Store Logo: height: 100px to 150px and width: 100px to 300px

Collage

Recommended Sizes for Collage:

  • Products: 1560x2480px
  • Blog: 800x490px
  • Store Logo: height: 100px and width: 100px to 300px

Starter

  • Product images: 1210px (width) x 1210px (height).
  • Store Logo: will be displayed in a maximum of 50px of height and a proportional width. We recommend upload the image in double size or more of height (at least 100px of height) to improve the retina display visualization.
  • Category image: it will be displayed in different sizes depending of the layout:
    • Default Category or Main Category layouts: in these cases, the image of the category will be displayed as a background of the title in the top of the page, so it only will display a part of the image.
    • Brands layout: is this layout, the images will be displayed full size and square.
    • In the 3 layouts we recommend to use square proportional images, they can be 1000px (width) x 1000px (height) and they will be properly displayed in all cases.

Recommended Sizes for Components:

  • Slider Component
    • Slider Desktop Size: 2048px (width) x 1024px (height).
    • Slider Mobile Size: 960px (width) x 1200px (height).
  • Banner Component
    • Banner Size (Desktop and Mobile): 570px (width) x 878px (height).
  • Categories Component
    • Category Block Icon: 50px (width) x 50px (height).
    • Category Block Background Image - Depend of your content. You can use a pattern or full image. Keep it simple.
  • Logos slider Component
    • Logo Size: We recommend a maximum of 220px of width. Proportional height depending on how you want to display it.
  • Testimonial Component
    • Author Image: 50px (width) x 50px (height).

Organic

  • Products: 1200x1200px
  • 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 150px and width: 100px to 500px

Recommended Sizes for Components:

  • Slider Component
    • Slider Desktop Size: 1905px (width) x 600px (height).
    • Slider Mobile Size: 575px (width) x 450px (height).
  • Banner Component
    • Banner Size (Desktop and Mobile): 760px (width) x 440px (height).
  • Big Banner Component
    • Image Size: We recommend a minimum of 1024px 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
    • Logo Size: We recommend a maximum of 150px of width. Proportional height depending on how you want to display it.
  • Testimonial Component
    • Author Image: 100px (width) x 100px (height).
  • Video Component
    • Image Size: 570px (width) x 365px (height).

For up-to-date information on the status of our system and all its services, please visit status.jumpseller.com. You can also subscribe to receive notifications about any updates or maintenance work on the site.

Related Articles

Start your journey with us!

Free trial for 14 days. No credit card required.

Get Started Now