Why Green Screen Edges Look Jagged: Pixels, Resolution and Feathering

A rough outline can come from the original picture, the transparency mask, or the way the result is displayed. Find which stage introduces the steps before trying to hide them with a softer edge.

Start with the source, not the slider

Open the original file and inspect a diagonal shoulder, a curved object, and a strand of hair. Compare those same areas in the keyed result at the same display size. If the original already has blocky contours, the keyer is working with damaged or limited information. If the source looks smooth but the cutout looks like a staircase, the transparency decision deserves closer attention.

Also check whether the problem exists only in an enlarged preview. A raster picture is a grid of samples. Enlarging it can make that grid obvious, particularly along diagonals. Judge the result at its intended delivery size as well as close up; a highly magnified inspection is useful for diagnosis but can exaggerate defects that are invisible in normal use.

Why a hard matte makes steps visible

A matte describes how transparent each part of an image should be. A hard decision makes a pixel either background or foreground. Along a diagonal boundary, those decisions follow the rectangular pixel grid. Partially transparent boundary pixels can make the transition look smoother when composited, because they allow the new background to contribute to the visible edge.

That does not mean every outline needs a broad blur. A solid product edge and a motion-blurred hand contain different information. Smoothing should preserve the appearance of the photographed boundary. An opaque object that develops a translucent rim has usually been pushed too far, even if the staircase becomes less obvious.

Resolution and scaling change the diagnosis

A small subject within a large frame still has limited samples describing its outline. Cropping tightly afterward does not create detail around the subject. For future shoots, frame the subject so it occupies useful image area while keeping the required movement inside the screen. Preserve the original file through the keying stage instead of repeatedly resizing and saving intermediate copies.

Display software also matters. The MDN image-rendering reference documents how browser scaling algorithms can smooth an enlarged image or emphasize its pixel structure. If a cutout looks stepped only on a particular webpage, compare the downloaded file in another viewer before changing the matte. A display choice can make an otherwise acceptable export look rough.

Adjust tolerance before adding softness

In the Green Screen Remover, begin by checking that the intended backdrop colour is selected. Move Tolerance gradually until the screen clears, watching both the empty backdrop and the subject. Stop if clothing, hair, or product details begin disappearing. More aggressive background removal can make an outline look thinner and more broken rather than cleaner.

Then try moving Edge toward its positive side to soften the transition. This tool uses a range of colour distances to assign intermediate transparency; it does not redraw the contour or reconstruct missing hair. Moving Edge toward its negative side trims more of the colour boundary. That can remove a contaminated fringe, but it can also remove useful detail. Compare changes against the original instead of assuming that a cleaner silhouette is always more accurate.

Keep Spill removal conceptually separate. It reduces unwanted backdrop-colour contamination in visible pixels. It is useful for a green cast, but it does not supply missing spatial detail. A green rim and a stepped silhouette may occur together, so inspect colour and contour separately as you adjust them.

Use a repeatable export check

1. Choose a representative frame with both a solid contour and fine detail. Keep that frame visible while making the initial adjustments.
2. Export a transparent PNG for a still-image check, and place it over a light background, a dark background, and the intended destination background.
3. Inspect the contour at the intended size. Look for missing pieces, an unexpectedly transparent rim, and retained green patches rather than judging only the checkerboard preview.
4. For video, inspect moving sections as well as the still frame. If the outline changes unpredictably, check the source for noise, shifting exposure, and uneven screen lighting.
5. Compare the final destination with the exported file. If the defect appears only after resizing or conversion elsewhere, investigate that stage before repeating the key.

A useful comparison changes one control at a time and keeps the background and viewing size consistent. Otherwise, a darker backdrop or a smaller preview can disguise an edge problem without improving the file.

When this does not work

Feathering cannot recover a contour that was lost through poor focus, heavy compression, or insufficient source detail. It can make a damaged edge less conspicuous, but excessive softness trades a staircase for a halo. Reshooting or returning to a better original is often the practical fix.

Colour-based keying also struggles when the subject and backdrop share similar colours. A green label, translucent glass, or reflected screen can be classified with the background. A global tolerance setting cannot reliably distinguish objects by meaning. Such shots may need a different backdrop, controlled reflections, or an editor with local masks and manual correction.

Motion blur and fine hair contain mixtures of foreground and background. Simple colour-distance feathering is not a full reconstruction of those mixtures. If a result needs frame-specific repair or precise product outlines, use a workflow with that control. The chroma-key reference repository provides implementation context and synthetic test fixtures; these are not a guarantee of performance on your footage.