Colors changing during export in an online store

Your product photo looks right while you edit it, but the exported file or online listing looks too warm, dull, or saturated. That change can come from the file, the screen showing it, or processing during upload.

Use the Photo Editor to make a test edit and export a separate copy. Then compare the exported file with the original before changing the product image again.

Check where the color changes

1. Open the Photo Editor and load a copy of the product photo. Keep the original file unchanged so you can compare it later.
2. Make a small, recognizable change, such as slightly raising brightness or saturation. Export a separate copy using the same image format you plan to use for your store.
3. Open the exported copy in your usual photo viewer, then compare it with the original in the same place on the same screen. Look at a neutral area, such as a white label or gray background, as well as the product itself.
4. If the exported copy looks right locally, upload it as a draft or test listing if your store allows that. Compare the listing with the local file on the same screen, and check it on another device if possible.

Change one thing at a time. If the local export already looks different, focus on the source image, export format, or color profile. If only the listing looks different, investigate the store's image processing and the way the listing is displayed.

What the result means

The exported file looks different before upload

The change happens during editing or export, not in the store. Possible causes include edits applied to the image, conversion between formats, or a color profile that the viewer handles differently. Re-export a fresh copy from the unchanged original and compare again.

The local file looks right, but the listing looks different

The store may resize, compress, or convert images after upload. If you can download the processed listing image, compare that file with your export. If the store does not offer a download, view the listing in another browser or on another device to check whether the apparent change is limited to one screen or browser.

The photo looks different on another screen

This points to a display difference rather than a changed image. Screens can show different brightness, color temperature, and saturation. A phone's vivid display or a laptop's warm color setting can make the same file look noticeably different.

Only JPEG looks different, but PNG looks close

JPEG compresses image data and can alter subtle color transitions, especially around fine details. PNG usually keeps those image details more faithfully, but the store may convert either format after upload. Use the file type and dimensions the store requests, and judge the final listing rather than assuming one format will always look identical.

How to fix the color shift

1. Start from the original file. Repeatedly editing and exporting the same JPEG can add compression changes. Return to the original, make your final adjustments once, and export a new copy.
2. Use a standard web color space. If your editing or export options let you choose a color profile, use sRGB for a typical online listing. A color profile describes how image colors should be interpreted. Some browsers and store systems handle embedded profiles differently, so a nonstandard profile can cause a visible shift.
3. Check the file type and size requirements. Follow the store's stated format and image dimensions. Avoid converting a file several times just to meet a requirement. If the store resizes very large images, prepare a copy close to its recommended dimensions and compare the result.
4. Turn off temporary display color changes. On Windows 11, check Settings › System › Display › Night light and turn it off while comparing. On macOS, check System Settings › Displays for Night Shift and True Tone. These features change how the screen looks, not the image's saved color values.
5. Check the display profile. On Windows 11, open Settings › System › Display › Color profile. On macOS, open System Settings › Displays and review the selected color profile. If you recently changed screens or profiles, compare the image using the display's usual profile before editing the photo again.
6. Compare in a second browser or device. If the color shift appears only in one browser, update it and temporarily disable extensions that change page colors. If the listing looks the same across browsers but different across screens, the displays are the more likely cause.

Keep product colors consistent

For a product listing, consistency matters more than making one screen look perfect. Use a neutral viewing setup, avoid editing under a strong color cast, and compare your photo with the real product under steady lighting. A bright lamp or colored wall can affect your eyes and make an accurate photo seem wrong.

Make a small test upload before replacing a full set of product photos. If the store changes the colors, check its image requirements and processing guidance. Avoid compensating with stronger saturation or a color cast unless you have confirmed that the exported file itself is wrong. That can make the image look less accurate on other screens.

The Photo Editor works in your browser, and files you open stay on your device.