Product images and colours on screen: why a picture doesn't always match reality exactly

Product images and colours: why the same product looks different on different screens

An online shop's product image is a combination of lighting, camera, image editing and the user's screen. An exact colour should therefore not be judged from a single image.

White balance

The camera's white balance affects whether white looks warm or cool and how other colours are reproduced.

Screen brightness

A screen that is too bright can make dark shades lighter and hide small differences in tone.

OLED, LCD and the phone's "vivid mode"

Different display technologies and the manufacturer's colour settings can make the same image look more saturated or higher in contrast.

Material surface

A glossy surface reflects light and looks like a different shade depending on the viewing angle. A matte surface behaves differently.

The variant name matters

If the colour is essential, check the variant name or the manufacturer's colour code. "Red", "wine" and "burgundy" are not necessarily the same shade.

A good product description does not promise a perfect colour match

An online shop can show several images and neutral lighting, but it cannot control the user's screen.

A white background helps but does not solve colour

A neutral background reduces the influence of surrounding colours, but the camera's white balance and post-processing can still change the shade.

Show variants separately

If a product comes in several colours, each variant should have at least one image in exactly that colour. A single shared image for all variants increases wrong purchases.

A glossy material needs several viewing angles

Metal, satin and glossy plastic reflect their surroundings. One image can show the surface as an almost different colour from another.

Image zoom does not replace a close-up

If a detail, seam or print is important, a separate close-up tells more than a digital enlargement of a small image.

The colour name should be preserved in the variant

If the manufacturer's official colour is burgundy, an online shop should not change it to a generic red if this could cause variants to be confused.

Show scale in a separate image if it is useful

Using a ruler or a known reference object can be done in a separate info image. Do not distort the main product image just for the sake of scale.

The order of images affects interpretation

The first image should clearly show the correct variant. Detail and packaging images come after it.

A screen is not a colour meter

Phone and computer screens differ in brightness, white balance and colour profile. The shade seen in an image is therefore never a perfect measurement of the physical product.

If colour is critical, the manufacturer's colour name or colour code is an important piece of additional information.

Studio lighting can change gloss and texture

A glossy surface reflects light and looks lighter at certain angles. A matte surface, on the other hand, can look darker. Several images from different angles help in understanding the structure.

A close-up is especially useful for metallic, satin and translucent materials.

Background colour affects the perceived shade

The same product looks like a different shade against a white, black and coloured background. In the product description, it is therefore worth naming the colour in words rather than leaving the information only in the image.

If the manufacturer has an official colour name, use it in the variant.

The variant image must change with the correct selection

If a customer selects the black variant but the page shows a red main image, the error easily leads to a wrong order. The variant's images, SKU and EAN must be tied to the same selection.

An automated catalogue needs a QA check for this.

A lifestyle image and a product image serve different purposes

A lifestyle image shows the product in its environment, a studio image shows the details. A product page needs both only when they add information.

A mood image alone does not replace a clear image of the product itself.

In a scale image, the size of the reference object should be known

A hand or a random object can be misleading. A ruler, a dimensioned drawing or a clear numeric measurement is more reliable.

If a model image is used, the model's measurements can help in estimating clothing size.

Image cropping can hide parts

The main image should show the whole product. Additional images can zoom in on details, but the customer must also see the product's overall shape and all essential parts.

If a part is detachable, one image can show it separately.

A packaging image adds traceability

An image of the front and back of the packaging can show the EAN, ingredients, materials and warnings. The information should still be provided as text for accessibility and search engines.

The image is additional evidence, not the only source of information.

An old image must be removed when the packaging changes substantially

The manufacturer may update the packaging. If the old image shows a different quantity, a different variant or different features, it can be misleading.

It is worth linking the update process to EAN or SKU changes.

Image quality affects trust but does not replace facts

A sharp, large image helps in evaluating a product, but the user still needs the dimensions, materials, colour name and packaging contents. The best product page combines visual and structured information.

White balance affects the result in image production

The camera's automatic white balance can make the same product look warmer or cooler in different images. In professional photography, a neutral white balance and consistent lighting make it easier to compare variants.

An online shop should still not promise a perfect colour match, because the user's screen is part of the chain.

Screen brightness especially affects dark shades

At low brightness, black and dark blue can look almost the same. At high brightness, on the other hand, shadow areas can look lighter than they actually are.

For this reason, a dark variant should be named in text, and the difference should not be left to a swatch image alone.

Transparency needs description against several backgrounds

A translucent material looks very different against a white and a dark background. A single studio image does not necessarily show the material's actual transparency.

The product page can use a neutral verbal description based on the manufacturer's information.

Material texture is best seen in side lighting

Lace, satin, matte silicone and polished metal need different light. A close-up with light coming from the side shows the surface better than flat front lighting.

An image helps in understanding texture, but the material name must still be shown as text.

Variant swatch images need an accessible name

A coloured circle alone is not accessible to all users. Add a text name to the swatch and, if necessary, an aria-label.

This also helps search engines understand the variant better than an unnamed colour code.

The zoom image must not be a different file from the selected variant

A technical bug where the thumbnail changes but the zoom opens the old colour weakens trust. The variant system should be tested separately on mobile and desktop.

The image gallery should update as a whole.

The packaging image should be updated along with the formulation

If the packaging's ingredients or quantity change, the old back-cover image may show incorrect information. The image update must therefore be linked to version control of the product information.

The text-format INCI list must be updated in the same process.

Image alt text describes what is visible

Alt text does not need to list all keywords. Say which product or detail is visible in the image, for example "black variant from the front" or "ingredient labelling on the packaging".

This is more useful for accessibility than keyword stuffing.

Generated images must be distinguished from real product images

If an online shop uses an illustrative or AI-generated image, it should not be presented as an exact photograph of the product if the details are not based on the real product.

The product's colour, shape and packaging information must be shown from an authentic source.

Image QA should be automated at least in part

The system can check for missing images, files that are too small, the same image being used for several variants, and broken URLs. Correctness of content still requires validation by a person or the supplier.

Image data is as important a part of the catalogue as price and stock balance.

Image file name and order should be tied to the variant

When a product has many colours, images can be named and grouped according to the variant identifier. This reduces the risk that, in an update, the image of a black product ends up attached to the red variant.

Good media data supports both the user interface and the catalogue's QA.

In image colour management, consistency is more important than spectacle

When all variants are photographed with the same lighting, background and camera settings, the user can compare shades with each other better. A single dramatically lit image can be visually impressive but poor for comparison.

For this reason, the main image set should follow a consistent production standard.

Product image metadata can help with internal quality control

The SKU, variant and image type can be stored in the image file name or in media library fields. This allows the system to detect a missing main image or a file attached to the wrong variant.

This background data does not need to be shown to the customer, but it is valuable in catalogue maintenance.

Screen settings can change the impression of colour

Brightness, contrast, colour temperature and display profile affect how a product image looks. The same image can look warmer on a phone and cooler on a computer. For this reason, it is worth using the colour name alongside the image.

Shooting lighting affects glossy and translucent surfaces

A glossy material reflects its surroundings and can look lighter or darker than in real life. A translucent surface, on the other hand, changes with the background and light.

One image is not enough to assess shape

Images taken from different angles help in understanding proportions better. Front, side and back images reduce false assumptions about the structure.

The colour should be checked from the text description

If the product page says, for example, burgundy, coral or dark blue, the text should complement the image. The shade should not be inferred precisely from the visual impression alone.

The scale of a product image can be misleading

A close-up or wide-angle shot can make the product look larger. Dimensions and a measurement image are more reliable than the camera angle.

The consistency of several images tells a lot

If the same product looks like a completely different shade in different images, lighting or post-processing probably has a strong effect. In that case, it is worth confirming an exact colour wish with the seller.

White balance especially affects neutral shades

Grey, beige and white can look warm or cool depending on the shooting lighting. If the shade is important, several images and the manufacturer's colour name help more than a single studio image.

Background colour can change the perceived shade of the product

A dark background emphasises lightness, and a light background can make the same product look darker. Images taken against different backgrounds are therefore not always fully comparable with each other.

Image editing can improve clarity but distort colour

Increasing contrast, saturation or sharpness makes an image look striking, but can change the actual shade. An online shop should keep product images as consistent as possible.

The product's surface affects how light behaves

A matte surface scatters light, a glossy one reflects it, and a metallic surface can look completely different from different angles. One image therefore does not always show the material's actual impression.

Customer images can complement but not replace official images

Images in reviews show the product in different lighting, but camera settings affect colour in them too. They are an additional perspective, not an exact colour measurement.

Uncertainty about colour is best resolved before ordering

If the shade is decisive for the purchase decision, you can ask the seller for a more detailed colour description or the manufacturer's colour code. This reduces the risk of returns.

Colour accuracy should be assessed according to the intended use

If the shade is merely an aesthetic detail, a small difference between the screen and reality does not necessarily matter. If, on the other hand, colour is decisive, for example for compatibility or because of a gift, the uncertainty should be clarified before ordering.

Comparing on different devices can reveal the effect of the screen

If the shade looks unusual, it is worth looking at the same product image on another phone or computer. A big difference often tells more about screen settings than about the product itself.

The manufacturer's official image should be taken as a point of comparison

A reseller may use its own images in which lighting and post-processing differ from the original. Comparing several sources helps in picturing the likely shade.

A white background in an image does not guarantee colour-neutral photography

Even with a white studio background, camera settings and lighting can change the shade. The background makes the shape clear, but does not remove the need for colour management.

A close-up is useful when assessing texture

A close-up can reveal matteness, gloss or surface pattern better than an overview image. Shape and size are still checked from separate images and dimensions.

The role of a product image is to complement technical information

The best product page does not force a decision to be made on the basis of the image alone. Colour, material, dimensions and other essential features should also be found as text.

The colour name should be kept the same in all parts of the page

If the heading says one shade and the menu another, the buyer does not know whether it is the same variant. A consistent colour name reduces ordering the wrong option.

The order of images can affect the first impression

The first image should be chosen to be as neutral as possible, so that exceptional mood lighting does not create a false idea of the colour or surface.

A product image should be distinguished from an illustrative image

A lifestyle or usage-environment image helps in picturing the product, but technical comparison should be made from a neutral product image and the stated dimensions.

Colour deviation is best seen as managing expectations

Perfect consistency on every screen cannot be promised. A good online shop reduces the difference with a clear colour name, several images and realistic lighting.

The best role of product images is to make text-format product information easier to grasp. When colour, material and dimensions are clearly stated also as text, the image can show shape, texture and details without the buyer having to infer everything from lighting or screen shade. Several consistent images reduce the risk of false expectations.

When the product is received, your own eye is the final point of comparison. If the colour differs only slightly from what was expected, the reason may be the screen or the lighting. If, however, the delivered variant is clearly different, the colour name on the packaging, the EAN and the order confirmation help in checking whether it is an image discrepancy or the wrong product.

Text and image work best together.