← The Thread: notes on shopping an outfit from a photo

How it works

Why does a photo taken through a screen look worse to a search?

Pointing one phone's camera at another phone's screen adds a moire pattern, a curved distortion and a brightness mismatch, on top of whatever the original photo already had wrong.

Save to Pinterest

Pointing one phone's camera at another phone's screen, or at a laptop or television, adds several new problems on top of whatever the original photo already had. None of them are things a search can see past, and all of them are avoidable when a screenshot is available instead.

This comes up most often with a video call, a streamed show, or a platform that blocks screenshotting, where a photo of the screen is the only option left.

What actually happens when a camera photographs a screen?

The camera records a photograph of a light-emitting surface, rather than copying the pixels that are actually displayed on it. That distinction is the source of every problem below.

A screenshot works by asking the device to write out exactly what is on the display, pixel for pixel, into a file. Nothing about the process involves light, a lens, glass or distance. A photograph of a screen involves all four, and each one introduces its own distortion before the image ever reaches an upload.

What is a moire pattern, and why does it show up?

A moire pattern is a wavy, rippled band of interference that appears when two fine repeating grids sit out of alignment with each other.

A camera sensor is a grid of light-sensitive pixels. A screen is also a grid of light-emitting pixels. When a camera photographs a screen, those two grids overlap at a slight angle or a different scale, and the result is a rippling pattern of light and colour bands that were never part of the original image. It shows up most visibly on fine detail, small text, and tight patterns, which is exactly the kind of detail a garment's fabric texture often depends on.

This is one of the reasons a screenshot of a patterned garment searches better than a photo of the same screenshot displayed on a different device. The pattern problem described generally in why patterns are harder to match than plain fabric gets worse again once a moire pattern is layered on top of it.

Why does the screen's own brightness cause glare?

Because a screen produces its own light, and a camera exposes for the room, not for the display.

A phone or laptop screen is a light source, not a reflective surface like paper. Held at full brightness in a dim room, it can overexpose in a camera's photo, blowing out detail the way direct sun does outdoors. Held at low brightness under bright room light, it can look dim and lose contrast the opposite way. Getting the balance right by eye is harder than it sounds, since a screen looks correctly bright to a person looking directly at it in a way a camera does not record.

Reflections compound this. Any overhead light or window behind the person taking the photo can reflect off the glass surface of the screen and appear as a bright patch directly over part of the image, and that patch behaves the same as any glare problem: whatever detail sits under it is gone from the photo entirely.

Does the curved glass distort the image?

A small amount, and it adds up with everything else rather than acting alone.

Most screens have a small amount of curve or dome to their glass surface, even when it looks flat to the eye, and photographing at any angle other than dead-on introduces a mild perspective distortion on top of that. It is rarely enough to misread a garment's basic shape, but it is one more small degradation stacked onto a chain that already includes moire and glare.

Is this the same problem as a low-quality screenshot?

No, and it is worth keeping the two separate, since they call for different fixes.

A blurry or over-compressed screenshot, covered in how to take a screenshot Snagfit can read, is a problem with the screenshot itself: the wrong resolution, heavy compression from repeated forwarding, or a frame grabbed mid-motion. A photo of a screen has none of those specific problems and a completely separate set instead. The fix for a bad screenshot is taking a better screenshot. The fix for a photo of a screen is avoiding the photograph entirely when a screenshot is possible.

Why would someone photograph a screen instead of screenshotting?

Usually because the platform does not allow a screenshot in that moment, and this is the case where the advice actually matters.

Some video call platforms, some streaming services and some apps disable screenshotting or screen recording during playback, as a deliberate copyright or privacy protection rather than a technical accident. In that situation a photograph of the screen, taken with a second device, is genuinely the only option, and knowing the limitations going in is more useful than being surprised by a poor result afterward.

What is the best way to photograph a screen when there is no other option?

Reduce the brightness to a comfortable mid level rather than maximum, photograph straight on rather than at an angle, keep any overhead light or window out of the frame's reflection, and hold the camera steady, since a screen's glare combined with a camera's automatic slower shutter in dim conditions makes motion blur more likely than it would be photographing a plain surface.

None of this produces a result equal to a real screenshot. It reduces the layers of degradation stacked on top of the original image, which gives a search more to work with than an angled, overbright, blurry photo of the same screen would.

Does the quality of the original photo still matter?

Yes, more than ever, since it is the one variable in this chain that a photo of a screen cannot make worse than it already was.

A simple, well-lit, high-contrast outfit photo has more quality to lose before a search stops being able to read it. A dim, low-contrast or blurry original had little margin to begin with, and adding a moire pattern and glare on top of it removes what margin remained. So when a screen photo is unavoidable, starting from the clearest possible source image on that screen, rather than a compressed or previously re-shared copy, is worth doing first.

Does the type of screen change how bad the result is?

Yes, since different display technologies produce different amounts of moire and glare.

An older LCD screen with a coarser pixel grid tends to produce a more visible moire pattern than a newer high-resolution display, since the interference effect depends on how closely the two pixel grids' spacing lines up. A glossy screen reflects more light directly at the camera than a matte one, so a glare patch is more likely and often larger on a glossy laptop or television than on a matte-finish device. None of this changes the underlying advice, since a screenshot still avoids every one of these variables entirely, but it explains why a photo of one screen sometimes looks noticeably worse than a photo of another screen showing the same content.

Does zooming in on the screen before photographing help?

Sometimes, though it comes with a trade-off worth knowing about first.

Zooming the display itself, so the outfit or garment fills more of the screen before the second camera photographs it, gives that garment a larger share of the final photo and can reduce how much background clutter and unrelated content ends up in the frame. This is the same principle as cropping covered in how to crop a photo for a better match, applied at the display stage rather than after the photo is taken.

The trade-off is that zooming past a screen's native resolution starts to visibly soften the image before it is even photographed, since the display is now stretching fewer real pixels across a larger area. A moderate zoom that keeps the garment sharp on screen is worth doing. Zooming until the image visibly blurs on the display itself defeats the purpose, since a blurry source photographed again only gets blurrier.

What should you actually do with this information?

Screenshot whenever the platform allows it, without exception, since it removes every problem described here in one step. When a screenshot genuinely is not possible, photograph the screen at moderate brightness, straight on, with no reflection in frame, and treat the result as a lower-quality input than a screenshot from the same source would have been. The search will still attempt to read whatever comes through, and a careful photograph of a screen, while never as clean as the real thing, is still more useful than not trying at all.

Common questions

What does photographing a screen with a phone actually do to the image?

It records a photograph of a light-emitting surface rather than copying the pixels on it, which introduces several new problems at once. A moire pattern can appear where the camera's own pixel grid interferes with the screen's pixel grid, the curved glass of the screen introduces a slight distortion, and the screen's own brightness rarely matches what the camera expects, producing glare or a colour cast that was not in the original image.

Why does a screenshot always work better than a photo of a screen?

Because a screenshot copies the exact pixels displayed, with no camera, no lens, no glass and no interference pattern between the source and the file. Snagfit reads whatever pixels are in the uploaded file, so a screenshot preserves the original image's full quality while a photo of a screen adds several layers of degradation on top of it before the file even reaches the upload.

What is a moire pattern and why does it appear on screen photos?

A moire pattern is a wavy, rippled interference effect that appears when two fine repeating grids overlap out of alignment, which is exactly what happens when a camera's sensor pixels photograph a screen's own display pixels. It shows up as coloured ripples or bands across the image that were never part of the original photo, and it is most visible on fine patterns and text.

Can you avoid the glare when photographing a screen?

Reducing screen brightness, tilting the screen away from any overhead light and turning off camera flash all reduce glare, but none of it removes the moire pattern or the resolution loss that comes from photographing a display rather than copying it. A screenshot, when possible, produces a cleaner result than the best-executed photograph of a screen.

Does this apply to photographing a printed photo as well as a screen?

The moire and glare issues are specific to screens, since a printed photo has no backlight and no pixel grid to interfere with a camera sensor. A printed photo re-photographed still loses some sharpness and colour accuracy compared with the original file, but it avoids the interference pattern that a lit display creates.

What should you do if a screenshot genuinely is not possible?

Turn the screen brightness down to a comfortable level rather than maximum, photograph it straight on rather than at an angle to reduce the curved distortion, avoid any reflection of an overhead light in the frame, and hold the camera steady since the combination of glare and a slow shutter makes motion blur more likely. None of this matches a real screenshot, but it reduces the damage.

Why do some video calls or streamed content only allow a photo of the screen?

Because some platforms block screen recording or screenshotting during video playback or a call as a copyright or privacy protection, which is a deliberate restriction rather than a technical limitation. In that specific case a photograph of the screen is the only option available, and it is worth knowing going in that the result will search worse than a screenshot would.

Does a photo of a screen ever work fine for a search?

Yes, when the underlying photo is a simple, well-lit, high-contrast outfit shot and the screen photo is taken carefully: straight on, at moderate brightness, with no glare. Some degradation is unavoidable, and a strong original photo has more quality to lose before it stops being useful than a poor one does.

Keep reading

How it works

Why do two people in a photo confuse a search?

Group photos are the most common upload that comes back wrong. The search reads every garment it can see and has no way of knowing which person you meant.

8 min read
How it works

Why does the search pick the wrong garment?

You wanted the jacket and it described the shirt underneath. That is a detection problem rather than a matching problem, and the two have completely different fixes.

7 min read
How it works

How does outfit search differ by platform?

A TikTok frame, an Instagram carousel, a Pinterest pin and a film still are four different inputs. Each has its own failure mode, and knowing which one you are holding changes what you do.

7 min read

← Back to Snagfit