Shopify Upload Images: How To Add Product Photos

To upload images in Shopify, go to your admin dashboard, click Products, select a product, and in the Media section click Add media to upload from your computer, or drag and drop files directly. You can also upload images to your theme’s files for use in design elements, and to blog posts or pages for content. This guide covers every upload method, file requirements, and common issues you might face.

Where Can You Upload Images in Shopify?

Shopify gives you several distinct places to upload images, each serving a different purpose:

• Product images – The main photos customers see on product pages. You can add multiple images per product, and they appear in a gallery.
• Collection images – Shown on collection pages (like “Summer Sale” or “Men’s Shoes”) to represent the group of products.
• Theme files – Uploaded to your theme’s assets folder, used for logos, banners, or custom design elements. You access these via Online Store → Themes → Actions → Edit code.
• Blog post and page images – Added to articles and pages for content marketing, tutorials, or about pages.
• Product media (videos and 3D models) – Shopify also supports video files (MP4) and 3D models (GLB) in the same media section.

Each location has slightly different upload steps, but the core process is the same: click an upload button, select the file, and it gets stored in Shopify’s CDN (content delivery network).

Step-by-Step: Uploading Product Images

Here’s the most common task – adding photos to a product. Follow these steps in your Shopify admin:

1. Log in to your Shopify admin and go to Products.
2. Click the product you want to edit, or create a new product.
3. Scroll down to the Media section (it’s right below the description).
4. Click Add media – a file picker opens.
5. Select one or more images from your computer, or drag and drop them into the dashed area.
6. After upload, you can reorder images by dragging them, set the first image as the featured image, or add alt text by clicking on each image.
7. Click Save at the top right.

That’s it. The images are now live on your storefront. If you have many products, use the bulk editor to add images to multiple products at once – go to Products → All products, select the checkboxes, and choose Edit products to open the bulk editor, where each product row has a media field.

Image Requirements and Best Practices

Shopify doesn’t have a strict file size limit for uploads, but it recommends images under 20 MB for products and under 20 MB for theme files. However, larger images slow down your site. Here are the key specs:

• Recommended dimensions: 2048 x 2048 pixels for product images (square). This allows zoom functionality.
• Minimum dimensions: 800 x 800 pixels for product images to enable the zoom feature.
• Formats: JPG, PNG, GIF, WebP, and SVG (for theme files only, not product images – Shopify doesn’t support SVG for products).
• File size: Keep each image under 1 MB for optimal load speed, though up to 20 MB is allowed.
• Alt text: Add descriptive alt text for accessibility and SEO. Shopify lets you set alt text per image.

For best results, compress images before uploading. Tools like TinyPNG or Photoshop’s “Save for Web” can reduce file size without visible quality loss. Shopify automatically creates multiple resized versions of your images for different screen sizes, but the original file size still affects initial upload and storage.

Uploading Images to Theme Files and Pages

Beyond products, you might need to upload images for your theme (like a logo) or for blog posts. Here’s how:

• Theme files: Go to Online Store → Themes → Actions → Edit code. In the left sidebar, open the assets folder and click Add a new asset. Upload your image. You can then reference it in liquid code or custom CSS.
• Blog posts: Go to Blog posts (under Online Store), create or edit a post, and use the image icon in the editor to upload a featured image or inline images.
• Pages: Similar to blog posts – edit a page and use the image button in the rich text editor.
• Collections: Edit a collection and scroll to the Image section to upload a collection image.

For theme files, be careful: if you delete an asset that’s used in your theme, it will break that part of your site. Always keep a backup of your theme before editing code.

Common Problems and Fixes

Users often run into a few issues when uploading images. Here are the most frequent ones and how to solve them:

• “File format not supported” – Shopify accepts JPG, PNG, GIF, WebP, and (for theme) SVG. If you’re uploading a TIFF or BMP, convert it to JPG or PNG first.
• Image is too large – Even though Shopify allows up to 20 MB, some browsers or connections time out. Compress the image to under 1 MB.
• Images not showing after upload – Clear your browser cache and check the image URL. Sometimes it takes a few minutes for the CDN to process. Also, ensure the image isn’t set to “hidden” in the media section.
• Upload stuck at 99% – This is often a browser issue. Try a different browser or disable any ad-blockers. Also check your internet connection.
• Can’t reorder images – In the product media section, drag and drop should work. If not, try saving the product first, then reload the page and try again.

If you’re using a slow internet connection, uploading many images at once can fail. Upload them one by one or in smaller batches.

Image Optimization for Speed and SEO

Uploading images is only half the battle. To keep your store fast and rank well on Google, follow these practices:

• Compress before upload – Use a tool like Squoosh or ImageOptim to reduce file size.
• Use descriptive filenames – Instead of IMG_1234.jpg, use blue-running-shoes.jpg. This helps SEO.
• Write alt text – Describe the image naturally, e.g., “Blue running shoes on a white background.” Don’t stuff keywords.
• Use WebP format – WebP is smaller than JPG/PNG with similar quality. Shopify supports WebP for product images.
• Leverage Shopify’s automatic resizing – Shopify automatically serves scaled versions based on the visitor’s device, so you don’t need to create multiple sizes manually.

For product pages, use a consistent image style (same background, same angle) to look professional. High-quality images increase conversion rates – blurry or pixelated photos turn customers away.

Bulk Uploading and Apps

If you have hundreds of products, uploading images one by one is tedious. Here are alternatives:

• CSV import – You can include image URLs in your product CSV file. Shopify will fetch the images from those URLs during import. The images must be publicly accessible (no login required).
• Bulk editor – As mentioned, the bulk editor lets you add images to multiple products at once, but you still have to select files individually.
• Third-party apps – Apps like “Image Uploader” or “Bulk Image Edit” can automate image uploads from Google Drive, Dropbox, or URLs. Most have free plans with limits.
• API – Developers can use Shopify’s Admin API to upload images programmatically. This is the most scalable method but requires coding.

For most small stores, the built-in uploader is sufficient. For large catalogs, consider CSV import with image URLs hosted on a CDN like Cloudinary or your own server.

Frequently Asked Questions

Can I upload images directly from my phone?

Yes. The Shopify admin is mobile-friendly. In the Shopify app, go to Products, select a product, tap the media section, and choose photos from your camera roll. You can also take a new photo directly.

What is the best image size for Shopify products?

2048 x 2048 pixels is the recommended size. It’s large enough for zoom and looks sharp on all screens. Shopify will resize it for thumbnails and other contexts. Avoid going much larger because it slows down upload and page load.

Why are my uploaded images blurry?

This usually happens when the original image is too small. Shopify upscales small images, causing blur. Re-upload a higher resolution version. Also, ensure you’re not using a very compressed JPG (like 10% quality) – use at least 80% quality.

Can I upload GIFs to Shopify?

Yes, GIFs work for product images and theme files. However, large GIFs can slow your site. Consider using a video instead for animations, as GIFs are often larger than MP4s.

How do I change the alt text on an image?

Go to the product’s Media section, click on the image, and you’ll see an “Alt text” field on the right side. Enter your description and save. Alt text is important for accessibility and SEO.

Is there a limit to how many images I can upload?

Shopify doesn’t impose a strict limit on the number of images per product or per store. However, each image uses storage space, and your plan includes a certain amount of storage (e.g., Basic plan includes unlimited storage for images, but check your plan’s terms). If you hit a limit, you’ll need to delete unused images or upgrade.

Related

• Slack Tips and Tricks for Beginners
• Hardware Support Services: What They Cover
• Unlock All Three Moonlight Peaks Forms