Image guidelines

Images are a key part of your store's success. High-quality, consistent, and optimized images make your store look professional and appealing to shoppers. Follow these tips before uploading your images to Shopify:

Sizes

To maintain a professional appearance for your store:

• Always use high-resolution images to ensure crisp and clear visuals.
• Avoid low-resolution images, as they can appear pixelated and make your site look unpolished.
• Suggested minimum dimensions for different image types:

  Image Type	Minimum width	Description
  Product images	1280 px	Optimal clarity and zoom functionality.
  Banner images	2048 px	Balanced resolution across devices.
  Collection images	1280 px	Consistent and sharp appearance for collections.

Optimizing your image size ensures a polished and professional online store.

Aspect Ratio

Aspect ratios depend on the image type and the intended use of the image. However, there a few general guidelines to keep in mind:

• Consistent aspect ratio: Use the same aspect ratio for similar image types to ensure neat side-by-side display.
• Uniform product images: Ensure all product images within a collection have the same aspect ratio for a cohesive look.
• Edit with tools: Use Shopify’s image editor or external tools to crop images to the desired aspect ratio before uploading.

Formats

These are the formats that we recommend for your images so that they are optimized for the best possible performance.

Format	Use Case
WEBP	Great quality and faster loading times; also supports transparent backgrounds.
JPG	Ideal for high-quality images with faster loading times (no transparency).
PNG	Best for images requiring a transparent background.
GIF	Avoid using GIF due to their large file size and slow loading times. Use MP4 videos, where possible, as an alternative.

Optimization

Large image files can slow down your website, which may drive customers away. Optimizing your images helps achieve a balance between great quality and fast page load speeds.

Editing software

To optimize and resize your images to the same size, you can use the following software:

• Figma
• Affinity photo
• Canva
• Photoshop
• Apple photos

Compression tools

Here are some FREE tools you can use to optimize your images:

• TinyPNG
• Image Compressor
• Image Resizer

Conversion tools

Additionally, you can convert images:

• Convert JPG to WEBP
• Convert PNG to WEBP

Image tips

Follow these tips to make your images stand out and enhance your store’s professionalism:

• Use appealing product images that grab customer attention.
• Stick to plain white backgrounds for a clean, professional appearance.
• Showcase clothing or accessories on a mannequin or model for better presentation.
• Include multiple angles of your products for clarity and improved customer experience.
• Always use high-resolution images to avoid blurred or pixelated visuals that harm credibility.
• Ensure a consistent aspect ratio for all images of the same type to maintain visual harmony.
• Optimize your images for fast loading times to enhance user experience and reduce bounce rates.
• Include zoomable images to allow customers to see fine details of your products.
• Use lifestyle photos to demonstrate products in real-world scenarios, making them more relatable.
• Add alt text to your images to improve SEO and ensure accessibility for visually impaired users.
• Keep file sizes under 10 MB and use formats like WEBP or JPG for quality and speed balance.
• Perform regular image audits to update outdated images or replace underperforming ones.

Etheryx aspect ratio

Available aspect ratio

Name	Aspect ratio	Usage
Square	1:1	Ideal for product thumbnails and grid layouts. Provides a uniform look across different product categories.
Vertical	4:5	Offers slightly more height, useful for apparel, footwear, and products that benefit from a taller frame.
Standard Portrait	3:4	Good for products that are naturally taller, such as bottles or standing items.
Portrait Photo	2:3	Common in photography; can be used for full-length product images.
Wide	16:9	Less common for product cards but useful for banners or products that are wide, like monitors or TVs.
Portrait Wide	9:16	Smartphone videos, social media stories (e.g., TikTok, Instagram Stories, YouTube Shorts), and other video-based content.

Recommended aspect ratio

• 1:1 (Square)

  • Consistency: Provides a uniform appearance in product listings and categories.
  • Versatility: Works well with a variety of products, from electronics to accessories.
  • Mobile-friendly: Displays well on mobile devices, ensuring a good user experience.

• 4:5 (Vertical)

  • Best for apparel: Shows more of the product vertically, which is great for clothing, dresses, and full-length items.
  • Enhanced details: Allows customers to see more detail of the product in a single image.