The correct way to add an image in Shopify depends on where it should appear. Add a product photo from Products → open the product → Media; add a homepage or banner image from Online Store → Edit theme; place an image in a page, blog post, or description with that editor’s Insert image control; and upload a reusable, publicly accessible asset through Content → Files. The sections below show each path, explain featured-image order, cover size and format limits, and troubleshoot the failures store owners see most often.
Choose the Shopify image workflow
Start with the destination, not the file. Shopify has separate editors for product media, theme sections, rich-text content, and reusable files.
| Where the image belongs | Shopify path | Best use | Important detail |
|---|---|---|---|
| Product gallery | Products → product → Media | Photos, videos, 3D models, or other media attached to one product | The first media item is the featured or main image. |
| Homepage, banner, or other theme area | Online Store → Edit theme → section or block → Image | Hero banners, promotional blocks, slideshows, and template-specific content | You can upload an image or choose a free Burst image. |
| Page, blog, product description, or collection description | Open the relevant rich-text editor → Insert image | Editorial images and images embedded in copy | Use Shopify’s media control instead of pasting a hard-coded <img> tag. |
| Reusable public asset | Content → Files | Logos, downloadable assets, or files referenced in several places | Files uploaded here are intended for public storefront access. |
Add a picture to a Shopify product
- In Shopify admin, open Products.
- Click the product that needs the image.
- In Media, choose Upload new, drag and drop the file, choose Select existing, or select Add from URL.
- Save the product if Shopify asks you to.
Make an image the featured product photo
Shopify uses the first media item as the product’s featured (main) media. That image can appear on collection pages, in the cart and checkout, and on the home page when the theme displays product imagery.
On desktop, drag the desired image to the first position in the product’s Media area. In the Shopify mobile app, open View all, choose Select, and tap Set as default. Reordering changes which image shoppers see first; it does not delete the others.
Do these 3 things before closing this tab:
1Clear out junk files and repair common Windows errors2Fix the driver behind crashes, sound loss and screen glitches3Repair Windows errors before they cause bigger problemsHow many product media items can you add?
Shopify’s current help documentation states that a product can have up to 250 images, 3D models, or videos. The exact media types available to shoppers still depend on the theme’s support.
#1 Best Overall
- 【High Brightness】Portable photography studio is built-in 120pcs high-quality LED light beads, provides enough brightness for shooting.
- 【Easy to assemble】Use it after three seconds of assembly, you can unfold this LED lightbox studio and place it on any surface to get very good backdrop for small articles business photography, taking pictures for products.
- 【CRI>95】This photo lighting studio kit Adopt CRI95 color temperature ring light board, built-in stone grain fabric, good light gathering effect.
- 【Portable and Foldable】Portable folding structure design, more convenient to install and carry, built-in led light, providing average light and prevents shadows and reflections in your photos.
- 【WIDELY USE】A box picture studio is ideal for photographing small objects, like watches, gadgets, jewelry, accessories, and toys, and is suitable for skilled persons, internet retailers, photographers, artists, and product advertising campaigns.
Upload an image to a Shopify homepage or banner
- Go to Online Store and click Edit theme.
- For a page other than the home page, open the template selector (often labeled Home page) and choose the required template.
- Select the section or block where the image should appear. Depending on the theme, this could be an Image, Image banner, Slideshow, Collage, Featured collection, or another image-enabled section.
- In the Image field, choose Select image → Add images, then upload your file. You can also select Explore free images and choose from Burst.
- Click Save.
Shopify app path
In the Shopify app, use Online Store → Manage all themes → Edit theme. Select the section or block, choose Select image → Add images (or Burst), and save. The labels are equivalent to the desktop editor, although their location may differ on a small screen.
Prevent an awkward banner crop
Theme sections often force a particular aspect ratio. A wide hero image may be cropped on mobile, while a square image can leave unused space in a desktop banner. If your theme offers an Image position, Focal point, or crop control, place the focal point on the subject’s face, product, or other essential detail. Check both desktop and mobile previews before publishing.
Put an image in a Shopify page, blog post, or description
Open the page, blog article, product description, or collection description in its normal editor. Click the editor’s Insert image button or media uploader, choose an existing file or upload a new one, add alternative text when the editor offers it, and save.
Shopify recommends using this media uploader rather than inserting a hard-coded HTML image tag. The editor can then maintain the image reference in the way Shopify expects. If an image should appear in several rich-text locations, upload it once under Content → Files and insert the current file link where appropriate.
Upload a reusable image through Content → Files
- In Shopify admin, open Content, then Files.
- Upload the image and wait for Shopify to finish processing it.
- Copy its public link when you need to reference it, or connect the file to a compatible file-reference metafield.
Shopify specifically warns that Content → Files is for files intended for public access on your store. Do not upload confidential documents, personal records, private customer material, or anything that must remain restricted.
Rank #2
- 【Stepless Dimming & High CRI】 Integrate 480 high-quality LED Light Beads with Dimmable Range 1%-100%, You can easily adjust the brightness to get the desired lighting effect. High Color Rendering Index (95+) and no strobe, create brighter and softer lights, help leave your photos looking more natural and great texture.
- 【Multi-angle Shooting】The photo light box offers 3 openings enable you to choose any photo shooting position for getting more perfect product features and beauty. When you want to shoot smaller items and with high reflecting light products, just stand up the baffle and open the small window. The light source will be more concentrated and the shooting effect will be better.
- 【4 Color PVC Backdrops】The photo box comes with 4 color detachable backgrounds(White/Black/ Orange/Green), made of thicker PVC, which are sturdy enough and no wrinkles, so you can easily change background colors and build up various shooting scenes as needs.
- 【Assembly in Second】The photography box Dimension is 16*16 inch. With particular folding design, the whole assembly of portable ring light box ONLY needs 10 seconds. No bracket. No screws. No complicated lighting layout. With a durable and waterproof carry bag, it’s very compact and convenient to use in many places without taking a lot of spaces.
- 【Advanced Photography】The design of the shooting box easily solve the shadow problem that cannot be solved by the studio, also can be used for dual purposes (studio + softbox), which is the best practice for fixing the problem of products’ highly reflecting light and performing more details of the contours. Not only for junior photographers, but also for advanced photographers and professionals.
Use a file-reference metafield for dynamic images
A product file-reference metafield lets a compatible theme display an image selected per product, collection, or other resource. Shopify documents support for JPEG, PNG, WEBP, SVG, HEIC, and GIF images; one metafield stores one file. In the theme editor, connect the section’s image setting to the metafield when the theme exposes that option.
Modern Online Store themes generally provide this connection visually. Vintage themes may require theme-code changes or help from a Shopify Partner. Do not assume that adding a metafield alone will render an image: the theme must read that field.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Image size, format, and quality rules
File-size limit
Shopify states that product and collection images must be smaller than 20 MB. If an upload fails, verify the actual file size rather than relying on its dimensions alone.
Choose PNG or JPEG deliberately
- PNG: Shopify identifies PNG as the best general choice for most product images, especially when you need crisp graphics or transparency.
- JPEG: A practical choice for photographs and other continuous-tone images.
- WEBP, SVG, HEIC, and GIF: Supported in documented file-reference metafield use cases, but a particular theme or editor may not accept every format in every field.
Do you need to compress images first?
Shopify automatically optimizes storefront images through its CDN and creates different image sizes for different theme areas. Its help documentation says images do not need to be manually compressed before uploading. You should still export a sensible source: remove unnecessary metadata, avoid enormous dimensions that provide no visual benefit, and check the result on a real product page.
Rank #3
- 【Large 20x20 inch Light Box】 Light box is 20 inches in size, making it perfect for shooting objects of different sizes. Whether you're photographing jewelry, shoes, bags, toys, gifts, crafts, or other products, our light box is large enough to handle your needs.
- 【Stepless Dimming & High CRI】 Photo box is equipped with 200 high-quality LED light beads that can be adjusted from 0% to 100% brightness to achieve the desired lighting effect. With a high color rendering index (95+), 3200-6500k color temperature to meet all your needs for photos in different situations. The light will be more brightness if you use the adapter that we provide on the package.
- 【Multi-color Backdrops】Photo box comes with 6 kinds double-sided color backgrounds(total 12 colors), which made of thicker paper that is sturdy enough and wrinkle-free, allowing you to easily change background colors and create various shooting scenes as your needs.
- 【Multi-angle Shooting】Unleash your creativity with our photo booth design. Capture sweeping shots with the large front window, or captivating overhead shots with the top window. Multiple openings enable you to choose any photo shooting position for getting more perfect product features and beauty.
- 【Easy to Assemble】 Our large light box has a particular folding design that allows for assembly in just 5 seconds, without the need for brackets, screws, or complicated lighting layouts. It comes with a durable and waterproof carry bag, making it compact and convenient to use in any location without taking up too much space.
Aspect ratio and responsive display
Dimensions are not a universal “best size.” The right ratio follows the section or product-gallery design. Keep the subject away from the extreme edges when a theme may crop it, and test responsive breakpoints. A focal-point setting can preserve the important part of an image when the available crop changes.
When an image does not appear: troubleshooting
The upload is rejected
- Confirm that a product or collection image is under 20 MB.
- Try PNG or JPEG if the current format is rejected.
- Make sure you are uploading in the intended destination: product Media, a theme section, the rich-text editor, or Content → Files. Each accepts a different set of controls.
- Retry with a new browser tab or the Shopify app if the editor stalled during processing.
The old image still appears after replacement
Shopify can add a version token to a new file URL. Pages rendered by Shopify normally request the current URL, but a URL hard-coded in theme code, an email, a description, or an external site can continue pointing to the old file. Replace the old reference with the URL generated by Shopify’s uploader, or use the editor’s image selector instead of editing a stale URL manually.
The Tool Desk
Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →The subject is cut off
Check the section’s image ratio and position controls. Set the focal point on the subject when the theme supports focal points, then inspect the mobile preview. If there is no focal-point control, create a crop that keeps the important content inside the safest central area.
A custom theme does not show the media
Verify that the theme supports the media type. Product images are supported by all themes, but video and 3D media require a theme that supports those types. Advanced customizations and vintage themes may need theme documentation or a Shopify Partner.
Rank #4
- 【Extra Large Shooting Space】This upgrade light box is equipped with 2 diffuser cloths to soften the light, a fully reflective silver interior to fill the light, and a design that ensures a flawless photographic environment for your product photography. Meanwhile, at 100cm/39 inches, making it suitable for a variety of subjects and applications. Whether you're photographing jewelry, crafts, foods, home appliances or other products, our photo box ensures sufficient space for capturing subjects of different sizes
- 【Stepless Dimming & High CRI】 Designed for professional product photography, the photo studio light box features 210 ultra-bright 10,500-lumen LED beads with dimmable brightness from 0% to 100%. With high CRI>96 and 5600K daylight color temperature, it accurately reproduces the true colors of your subjects, making photos look more natural and textured
- 【Adjustable Light Panels】The photo light box comes with 3 movable light panels, each rotatable 360 degrees, allowing for precise positioning to provide optimal lighting for any subject, whether from the top, front, side or from multiple angles for a variety of lighting effects
- 【Multi-Angle Shooting】Our photo booth is designed with a multi-opening system that offers three shooting options: front-facing shots via the large front window, overhead shots through the top opening, and close-ups from the smaller front window. This flexibility in shooting angles allows for more creative and dynamic product photography
- 【4 Matte Photography Backdrops】This lightbox kit includes 4 high-quality PP backgrounds in white, black, light orange, and blue. These photo backdrops are wrinkle-resistant, waterproof, dustproof, and easy to clean—more anti-reflective than PVC and more durable than traditional paper. Instantly switch between scenes to suit different products and capture vibrant, professional-looking images with minimal effort
The file is visible in admin but not on the storefront
Check that the image is actually assigned to the published template or product, not only uploaded to the library. Confirm that you clicked Save, that the correct product or template is open, and that a theme setting is not hiding the section on mobile or desktop.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Automate a visual check after adding the image
After saving, open the published product or page—not only the theme editor preview—and check the image at desktop and mobile widths. If you want a repeatable screenshot in a deployment or content workflow, ScreenshotNeo can capture the public URL through one GET request. Its cleanup step accepts cookie-consent banners and removes more than 60 known consent platforms, newsletter popups, and chat widgets; bot checks, blank pages, timeouts, failed loads, and cache hits are not billed, and each response reports page and billing status in headers.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Or skip the browser setup
Use ScreenshotNeo’s API when you need a clean Shopify page image for QA, documentation, or an automated content pipeline. The API can return PNG, JPEG, WebP, or PDF. See the ScreenshotNeo documentation for all options.
cURL
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://your-store.myshopify.com/products/example -o shot.webpPython
import requests
r = requests.get(
"https://api.screenshotneo.com/v1/shot",
params={"access_key": "YOUR_API_KEY", "url": "https://your-store.myshopify.com/products/example"},
timeout=90,
)
r.raise_for_status()
open("shot.webp", "wb").write(r.content)Node.js
const q = new URLSearchParams({
access_key: 'YOUR_API_KEY',
url: 'https://your-store.myshopify.com/products/example'
});
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);
if (!res.ok) throw new Error(`Screenshot failed: ${res.status}`);
const data = Buffer.from(await res.arrayBuffer());
await import('node:fs/promises').then(fs => fs.writeFile('shot.webp', data));ScreenshotNeo also provides an MCP server with take_screenshot, get_page_info, and capture_pdf tools for Claude, Cursor, and other MCP clients. You can use full-page capture, CSS-element capture, device presets, custom waiting rules, signed links, async jobs, and bulk capture when your workflow needs them. The free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000. Create a free ScreenshotNeo account.
Practical publishing checklist
- Choose the editor that matches the destination.
- For a product, confirm the intended featured image is first.
- Keep product and collection images below 20 MB.
- Use PNG for many graphics and JPEG for photographs.
- Check the crop and focal point on desktop and mobile.
- Save the product, page, or theme before leaving the editor.
- Open the public URL and verify that the image loads for a logged-out visitor.
- Keep private material out of Content → Files.
Frequently Asked Questions
Can I add an image to Shopify from a URL?
Yes. In a product’s Media section, choose Add from URL. For page, blog, and description content, use the rich-text editor’s image control unless you specifically need a public file reference.
Best Value
- LARGE 24" PHOTO LIGHT BOX FOR PROFESSIONAL PRODUCT PHOTOGRAPHY Designed for photographing larger products that smaller light boxes can't handle. The spacious 24 x 24 x 24 inch photo light box is ideal for shoes, handbags, kitchenware, collectibles, electronics, toys, home décor, and handmade products. Equipped with 300 high-brightness LEDs and CRI＞95 lighting, it delivers clean, shadow-free photos with true-to-life colors for Amazon, Etsy, Shopify, eBay, and social media.
- 300 LEDs, 35W STABLE POWER & CUSTOMIZABLE LIGHTING Powered by a dedicated 35W USB-C adapter for stable, flicker-free illumination during extended shooting sessions. Easily adjust between three color temperatures (3000K Warm, 4300K Natural, 5700K Daylight) and ten brightness levels to create the perfect lighting for product photography, food photography, jewelry, cosmetics, and online store images.
- 6 WATERPROOF PVC BACKDROPS & INCLUDED DIFFUSER CLOTH Includes six durable PVC photo backgrounds that are waterproof, wrinkle-resistant, easy to clean, and simple to replace. The included diffuser cloth softens harsh lighting and minimizes reflections when photographing glossy products such as jewelry, watches, glassware, electronics, and polished metal items.
- MULTI-ANGLE SHOOTING WITH HIGHLY REFLECTIVE INTERIOR The reflective silver interior distributes light evenly throughout the photography light box, helping eliminate dark corners and uneven exposure. Multiple shooting openings support front, top-down, and partially opened shooting angles, making it easy to capture professional product images from virtually any perspective.
- QUICK TOOL-FREE SETUP & PORTABLE FOLDING DESIGN Built with a one-piece folding structure and durable hook-and-loop fasteners, this portable photography studio sets up in under one minute without tools. After use, it folds flat into the included storage bag for convenient transport and organized storage, making it ideal for home studios, small businesses, content creators, and online sellers.
Why does my product image look blurry?
Check the original file and the theme’s displayed dimensions. Shopify serves optimized image sizes, so a source that is too small for the rendered area can look soft even though the upload succeeded.
Can I use one image on several products?
Upload it to Content → Files when it is intended for public access, then insert its current link or connect it through a compatible file-reference metafield.
Do all Shopify themes support product videos and 3D models?
No. Shopify says all themes support product images, while video and 3D media require a theme that supports those media types.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
