- ✓X-Men '97 Season 2 premieres July 1 on Disney+ with the same deliberately retro 2D animation style as Season 1, based on the original 1990s X-Men animated series aesthetic
- ✓JPEG compression's 8×8 block structure creates colored fringing (ringing artifacts) along the bold outlines that define cel animation — the colored edge around Cyclops' visor, Wolverine's claws, the X-logo
- ✓Flat color fills in cel animation compress very efficiently in WebP (large uniform areas = easy to encode), but the transition from flat fill to hard outline causes the same edge artifact problem as JPEG
- ✓The intentional grain and noise in the show is a creative choice — don't let a compression algorithm decide it's noise to remove
- ✓PNG is the right format if you're archiving a specific frame; WebP Q90+ for sharing without destroying the crisp outline aesthetic

X-Men '97 Season 2 starts today on Disney+. If you watched Season 1, you know what to expect visually: deliberately faithful to the 1992 X-Men: The Animated Series aesthetic, which means cel-style animation with thick black outlines, flat color fills, halftone-style shading in specific areas, and an intentional roughness that feels like Saturday morning television. That's not a compromise — it's the entire artistic premise.
It also creates a screenshot problem that's different from every other show covered here recently, and the reason is worth understanding if you want to save and share these frames without the codec destroying what makes the art style work.
The Cel Animation Screenshot Problem
Photographic content — live-action footage, rendered CGI — is built from continuous gradients. A face has smooth transitions from highlight to shadow. A landscape has textured detail spread across the whole frame. JPEG was designed for this kind of content, and it handles it well because its compression assumptions match the structure of the image.
Cel animation is structurally different. It's built from:
- Flat color fills — large areas of exactly the same color, with no gradient or texture
- Hard outlines — sharp, deliberate color transitions at character and object boundaries
- Intentional grain or texture — applied as a creative choice to give the animation a handcrafted feel
JPEG handles the flat fills fine. An area of uniform blue sky takes almost no data to encode, regardless of compression level. The problems are the hard outlines and the intentional grain.
What JPEG Does to Hard Animation Outlines
JPEG's DCT compression encodes images in 8×8 pixel blocks. When a block contains a smooth gradient, the compression is efficient and the result looks natural. When a block contains a sharp color transition — a black outline separating a character from their background — the codec has to decide how to represent that transition with limited data.
The result is "ringing" — small waves of light and dark on both sides of the edge. On a photographic edge (the border of a face against a background), these rings are subtle and often invisible because the surrounding texture conceals them. On a cel animation outline, they're visible as a faint colored halo around the character — the same teal-green fringe you'd see around a Wimbledon player's white kit against grass. Against X-Men '97's flat-color backgrounds, there's nothing to hide it.
Why the Intentional Grain Is the Second Problem
X-Men '97 uses deliberate noise and grain as part of its visual language. It's not a technical artifact from the production pipeline — it's a stylistic choice to evoke handcrafted animation and analog broadcast television. The grain is in the finished frame intentionally.
JPEG compression doesn't know this. It sees noise and applies its quantization, which treats high-frequency variation (which is what grain looks like mathematically) as less important than low-frequency structure. At Q80, JPEG removes a significant portion of the grain, smoothing it into uniform flat areas. The result looks "cleaner" in a way that actually makes the screenshot look less like the source material — you've removed the intentional texture.
WebP handles this better because its compression algorithm uses adaptive filtering that can vary by region. In a flat-color area with no meaningful variation, it compresses aggressively. In a grainy area, it applies less filtering, preserving more of the high-frequency detail. The result, at Q90+, retains more of the intended grain texture than JPEG does at equivalent quality.
Format Comparison for Animation Screenshots
| Format | Hard outline handling | Grain preservation | File size (1080p frame) |
|---|---|---|---|
| JPEG Q80 | Visible ringing | Grain partially smoothed | 150–300 KB |
| JPEG Q95 | Ringing much reduced | Good grain retention | 500 KB–1 MB |
| WebP Q88 | Minimal ringing | Good grain retention | 200–450 KB |
| WebP Q95 | Excellent | Excellent | 400–800 KB |
| PNG | None (lossless) | Perfect | 2–5 MB |
WebP Q88 sits in a sweet spot: file size similar to JPEG Q80, but with significantly better outline quality and grain preservation. It's the right format for sharing animation screenshots where visual accuracy matters.
If you're archiving a specific frame — a reaction-worthy Wolverine moment, a Storm lightning sequence you want at full quality — PNG is correct despite the file size. Storage is cheap; you can't get the quality back from a JPEG.
The '97 Aesthetic and Why It's Worth Preserving Correctly
The creative decision to build X-Men '97 as a stylistic continuation of a show from 1992 was specific. The writing team and animation studio (Polygon Pictures, working with original showrunner notes) made choices about line weight, color saturation, shading style, and noise that are load-bearing for the show's identity. A screenshot that removes the grain and softens the outlines is a screenshot of a different show.
This matters for the same reason that taking a photograph of a painting and sharing a degraded JPEG of it changes what people experience. The art style is information, not just context. Compressing the screenshot in a way that strips the intentional roughness from the image strips something that's actually part of the content.
Posting to Discord vs. Reddit vs. X
If you're sharing X-Men '97 screenshots to discussion communities, each platform handles your upload differently:
Discord: Re-compresses images aggressively above 8MB, but at normal screenshot sizes (under 2MB), it usually passes WebP through without re-encoding. Upload WebP directly if the Discord client supports it; otherwise JPEG Q90 for the better-than-default quality.
Reddit: r/XMen and r/Marvel are active screenshot communities. Reddit's image upload re-compresses everything to JPEG internally. Upload the best quality you can (PNG or WebP Q95) and let Reddit's encoder work from a better source — the re-compressed result will be better than if you'd pre-compressed it.
X (Twitter/X): X re-compresses all uploaded images to JPEG. Upload the highest quality version you have and accept that X will degrade it. There's nothing you can do about the platform's encoder, but starting from a high-quality source gives you the best outcome after their compression pass.
The animation outlines, the flat fills, the intentional grain — all of that is the reason X-Men '97 looks the way it looks and why it resonates with people who grew up with the 1992 series. The screenshot is a capture of that. It's worth preserving correctly.
Related reading:
- How to Screenshot House of the Dragon Season 3 Without It Looking Washed Out — the live-action HDR version of the screenshot problem
- PNG vs. WebP for UI Design Assets — the format comparison for content with hard edges and flat fills, which applies directly to animation screenshots
- Compress Images Without Losing Quality — the principles behind quality-preserving compression that apply across all content types
Frequently asked questions
Why do my X-Men '97 screenshots look like they have colored outlines around the characters?
That's JPEG ringing — the same artifact that appears in tennis photography when white kit meets green grass. JPEG encodes in 8×8 pixel blocks and overshoots when it tries to represent a sharp color boundary (like the bold black outline around an animated character against a flat background). The overshoot shows up as a faint colored halo along the edge. In cel animation with bold, deliberate outlines, this is more visible than in photographic content because the outlines are the visual grammar of the art style — any smearing or haloing around them is obvious.
Should I save X-Men '97 screenshots as PNG instead of JPEG?
For archiving a specific frame you care about, yes — PNG is lossless and will preserve the hard outlines, flat fills, and intentional grain exactly as they appeared on screen. The trade-off is file size: a PNG of a single 1080p animated frame will be 2–5 MB. For casual sharing in a Discord or group chat, WebP at quality 90 gives you a much smaller file with noticeably less ringing than JPEG, at the cost of minor quality loss that's difficult to see on the flat-fill areas. JPEG below Q90 is the format to avoid for this specific type of content.
Continue reading
Try Optimage — it's free
Compress, convert, and optimize images in seconds. No sign-up, no limits.
Start Optimizing Free