Add Product Image

On Shopify, great product visuals are key to capturing your customers’ attention. Whether it’s images, videos, or even 3D models, showcasing your products effectively can make all the difference in driving sales.

In this guide, we’ll break down the simple steps to add media to your Shopify products and share some best practices to ensure your product visuals are top-notch and help you stand out from the competition.

What Media Can You Can To Your Shopify Products

Shopify supports a variety of media types to help you showcase your products:

1. Images (JPEG, PNG, GIF, WEBP, SVG, HEIC)
2. Videos (MP4)
3. 3D models

For each product, you can upload up to 250 media items, allowing for a comprehensive media gallery on each product page

Preparing Your Media Before Adding

Before uploading your media, ensure it meets Shopify’s requirements for optimal performance:

• Image Size: Keep image files under 20MB for faster loading times. A resolution of 2048 x 2048 pixels works well for product images.
• Video Quality: Videos should be in MP4 format and under 1GB to ensure they play smoothly without buffering.
• File Format: Shopify supports high-quality formats like JPG and PNG for images. For 3D models, use GLB or USDZ formats.

Step-by-Step Guide to Add Media to a Shopify Product

No matter which device you use—desktop, iOS, or Android—adding media to your Shopify products is easy. Follow the steps below based on your preferred method of uploading.

Desktop

Step 1: From your Shopify admin, go to Products

Step 2: Select the product you want to add media to (e.g. scrunchies)

Step 3: In the “Media” section, click “+”. Here, you’ll see 2 options to add media as following:

Method 1: Upload from Your Computer

Click “Add media” to upload media from your computer or choose directly from your image library

Method 2: Embed Media from a URL

Click Add from URL and paste the link to your media (must be hosted online)

Method 3: Use Metafields for Custom Media

Step 1: From your Shopify admin, go to Settings > Custom data

Step 2: In the Metafields section, Click “Products”

Step 3: Create a new Metafield definition for media files.

Step 4: Name your metafield definition and click the standard metafield definition that is displayed (e.g. video)

Step 5: Select the display type you want

Step 6: Click Save to apply the changes

Step 7: Go back to your Shopify admin, go to Products and select the product you want to add media to

Step 8: Scroll down to the Metafields section and paste the link to your media

Step 9: Finally, click Save to apply the changes

iOS and Android

Step 1: Open the Shopify app on your device.

Step 2: Tap “Products” and select the product you want to edit.

Step 3: Tap “Add media” and choose to take a photo/video or select from your device’s gallery.

Step 4: Edit and crop as needed, then tap “Done” to add the media.

Set An Image Or Video To Be The Main Media For Your Product

Once you’ve uploaded multiple media items for a product, you can select one as the main media.

Simply navigate to the media, click the six-dot icon to drag and drop the image or video into the first place of the media list.

Additional Tips and Best Practices

When adding media to your Shopify store, keep these best practices in mind to ensure your products are presented professionally:

• Use Image Alt Text: Always add descriptive alt text to your images to improve SEO and accessibility.
• Maintain Image Consistency: Maintain a consistent style across all product images for a uniform and professional look.
• Use Various Angles: Show your product from multiple angles to give customers a complete view
• Optimize for Mobile: Check how your media appears on mobile devices to ensure a smooth user experience.

Bottom Line

Adding high-quality media to your Shopify products is a key part of running a successful online store. By following the steps and best practices outlined above, you’ll be able to showcase your products more effectively and drive more conversions.

FAQs