The best file format depends on what happens next. An editable cutout needs different capabilities from a flattened marketplace photo, and a storefront can deliver a different format from the one you originally uploaded.
Keep those stages separate. Save a dependable master, export an accepted listing file and let the delivery system produce appropriate web versions where it supports them. This avoids losing useful information simply to make the next upload convenient.
At a glance
- Use PNG when you need a lossless transparent cutout.
- A high-quality JPEG is a practical choice for many opaque product-photo uploads.
- Confirm the destination accepts WebP before making it your listing export.
Choose the format for its role
JPEG uses lossy compression and does not provide an alpha transparency channel. PNG supports lossless image storage and transparency. WebP supports transparency as well as lossy and lossless encoding. These capabilities explain the usual roles, but acceptance still depends on the service receiving the file. MDN image format reference.
| Role | Practical starting point | What to check |
|---|---|---|
| Editing master | Original source plus a lossless edited file | Keep dimensions, detail and required metadata. |
| Transparent cutout | PNG | Review fine edges on more than one background. |
| White-background photo | High-quality JPEG or PNG | Compare detail, file size and destination support. |
| Storefront delivery | The format produced by your image service | Inspect actual loading, sharpness and browser behavior. |
These are starting choices rather than quality rankings. A carefully encoded JPEG can be excellent for an opaque photograph. A PNG can be unnecessarily heavy for some photo uploads. Judge the actual file at the intended viewing size and keep the original available.
Use JPEG for a finished opaque photograph
When the photograph already has its intended white or colored background, a good-quality JPEG is often convenient. Use the full-resolution master for export and inspect small labels, fabric texture, diagonal edges and smooth gradients. These are useful places to spot compression damage.
Make revisions in the master and export again. Opening a compressed JPEG, editing it and saving over it repeatedly can compound quality loss. If you need several destination sizes, create each from the same master instead of making the smaller one from a previously compressed medium version.
Compare two or three quality settings while keeping dimensions fixed. That makes the tradeoff visible. A specific quality number is not universal across editing applications, so keep example files with the preset rather than assuming a number alone defines the result.
Keep transparency when you will reuse the cutout
A transparent PNG is useful when you plan to place the same product on different canvases. Keep it as an intermediate asset and create an opaque export for each destination that needs one. An editor’s checkerboard is a transparency indicator, so check the file against the actual intended background.
Inspect the subject on white and on a darker neutral surface. An old background fringe can blend into one and become obvious on the other. Fine hair, translucent packaging and glass are especially dependent on careful edge treatment. Compare those areas with the source before treating a cutout as an approved reusable master.
Some platforms handle transparent areas differently. Etsy’s guidance specifically warns that transparent PNG regions may appear black. Flattening a separate listing export onto a deliberate background prevents that ambiguity while retaining the transparent master for later use. Etsy image requirements and best practices.
Confirm support before using a delivery format as an upload
A format that works in your browser is not automatically accepted by every marketplace uploader or feed. Check the current destination documentation. Shopify, for example, accepts multiple product-image formats and uses its image service to deliver an appropriate browser format. Shopify product media specifications.
For an owned storefront, the image service may generate WebP or another efficient delivery format from a JPEG or PNG source. Keep the upload master separate from those generated variants. If you download a displayed storefront thumbnail and reuse it as the next master, you may lose dimensions, transparency or detail you originally had.
Solve pixel size and file weight separately
Pixel dimensions describe the image’s width and height. File weight describes how much storage or transfer the encoded file needs. A 2,000 × 2,000 image has four million pixels whether its compressed file is relatively large or small. Changing resolution and changing compression solve different problems.
If the destination says the image is too large, read the complete error. It may refer to megabytes, megapixels or a dimension limit. Reduce the relevant property deliberately. Preserve enough genuine detail for the product view; shrinking a photograph indiscriminately can solve an upload issue while making the gallery less useful.
Create an export handoff someone else can repeat
Document the destination, canvas dimensions, color profile, transparency treatment and format alongside a sample approved export. Include a filename convention and the source of the original. That gives a teammate enough context to produce the next batch without reverse-engineering the last one.
- Open the final exported file and inspect it.
- Confirm the correct product and selected variant.
- Check full-size detail and a small thumbnail.
- Upload through the real destination and review the result.
- Keep the approved master and export together with a clear version.
The simplest dependable system keeps information as long as it is useful, then creates the specific file the next step expects. That gives you flexibility when a marketplace changes its guidance or the same photograph needs a new crop.
Sources and further reading
Sources reviewed October 14, 2026. Check the linked documentation and your product category before publishing.