Beautiful and attractive images have always been one of the most important parts of an online store. To ensure that store images are displayed optimally, please make sure that the file format meets our system requirements when uploading images.
- What are the recommended image specifications and dimensions?
- Why did the image upload fail?
- Why is there a color difference or blurriness after uploading an image?
1. What are the recommended image specifications and dimensions?
A. Image height:
We recommend keeping the height of all images in your store under 3000px.
B. Image width:
1. Product categories
Supported image formats for products/product categories: JPG / PNG / GIF
- Recommended width for “Product images”: 750px
- Recommended width for “More product images”: 800px
- Recommended width for “Banner” images in “Product categories”: 2000px ~ 3000px
2. Online store page categories
Supported image formats for online store pages: JPG / PNG / GIF
- For a single, standard image in an “Advanced page,” the recommended “width” is: 1200px ~ 2000px
- For a banner image in the full-width image mode of an “Advanced page,” the recommended “width” is: 2000px ~ 3000px
- For images embedded via URL in “Text pages” and “Product descriptions,” the recommended width is: 1000px ~ 2000px
- For advanced pages created with the new editor, please refer to the recommended ratios below.
- Recommended image ratios for desktop
- Rectangle - aspect ratio 2:1. Recommended size for a single image: 2000 × 1000px.
- Rectangle - aspect ratio 3:4. Recommended size for a single image: 1500 × 2000px .
- Square - aspect ratio 1:1. Recommended size for a single image: 2000 × 2000px.
- Recommended image ratios for mobile
- Rectangle - aspect ratio 2:1. Recommended size for a single image: 1080 × 540px.
- Rectangle - aspect ratio 3:4. Recommended size for a single image: 810 × 1080px.
- Square - aspect ratio 1:1. Recommended size for a single image: 1080 × 1080px.
- Recommended image ratios for desktop
＊Some design templates have additional recommended image dimensions. Click Store templates to view the instructions for each template.
＊Note: Some browsers do not support selecting GIF / PNG files. Please drag and drop the image into the image processing area, as shown below. The area within the dashed lines is the image processing area.
2. Why did the image upload fail?
Common reasons
1. File size: The image size must not exceed 10mb
2. GIF opens normally but cannot be uploaded: Please check the number of frames in the GIF file. Too many frames may prevent the file from being uploaded
- A GIF around 1920x1000 can have a maximum of 20 frames
- A GIF around 800x400 can have a maximum of 120 frames
- Recommended GIF creation/checking tool: https://ezgif.com
3. Why is there a color difference / blurriness after uploading an image?
A. Image color mode
If the image is in CMYK, it must be converted to RGB before uploading it to the system, because CMYK is used for printing. (Refer to the screenshot below.)
B. Color profile and optimization
Differences in display devices and image creation methods can cause color differences in images. If a color difference occurs, use image editing software to convert and save the color profile to achieve consistent color display. The conversion and saving steps for Photoshop and the third-party free tool Fotor are demonstrated below:
1. If you are using Photoshop, refer to the following steps / screenshots:
a. Under “Edit” > “Convert to Profile,” convert the profile to sRGB
b. Select “File” >> “Export” >> “Save for Web (Legacy),” check “Optimized” and “Embed Color Profile,” select the highest “Quality” of 100%, and then save and export.
2. Using a third-party tool - Fotor
a. After registering for or logging in to Fotor, click “Import Image” >> select the image you need >> edit and adjust the image color and other settings
b. Select “Save” >> “File Format” >> “Quality Selection - High Definition” >> Download
C. Does the image width fail to meet the minimum requirements?
Please refer to: Recommended image dimensions
D. If the image contains a large amount of text or lines, using the original file is recommended
For example, convert a PSD/AI file to a PNG file before uploading it to achieve the best display results
Comments