Breaks in gradients/gradients not rendering/pixels missing
I'm having issues with exporting artwork from Illustrator, which features a stroke (100pt, round cap) with a gradient (2x colours in gradient, applied along the stroke).
My operating system:
MacOS Tahoe 26.2
The version of Adobe Illustrator (desktop):
• V30.1and a version 2x updates before
• A member of the Adobe support group tested my supplied file against other versions of Illustrator and found it is reproducible in at least Illustrator 2023.
The steps you were taking when you experienced the issues:
1. Selected File > Export > Export as
2. Selected ‘PNG’ from format dropdown
3. Selected ‘Use Artboards’, ‘All’
4. Clicked ‘Export’
5. From PNG options export window selected:
- Resolution: High (300ppi)
- Anti-aliasing: Type Optimised (hinted)
- Interlaced: Left unchecked
- Background colour: Transparent
6. Clicked ‘Ok’
Your expected result and the actual result:
My expected result: A solid gradient along my path in my preferred exported format.
Actual result: A path with weird white breaks, almost like some pixels are missing or are not rendering correctly.
Other info for reference:
I've tried:
• Exporting a png directly from illustrator, it appears
• Expanding the stroke and exporting, it appears
• I've started a new doc and pasted it in there and exported, still appears
• I've increased the resolution of gradients in my doc setup setting, still appears when exporting.
• I’ve exported the png with CPU preview switched on, still appears
• I’ve exported the png with CPU preview switched on and ticked Optimise Art in the PNG settings, still appears.
• Added extra points to the path, still appears. Note from community member that suggested this and tried themselves on my supplied file: “I didn't see any of the strange glitches along the stroke in GPU Preview regardless of zoom level. But they did show up when switching to CPU Preview. I found that I could make a lot of the tiny white glitches disappear by adding more anchor points to the path. The white glitches also tend to change position or appear/disappear depending on the zoom level. Adding points isn't a 100% good approach though. Even when adding a lot of points to the path a couple white speckles might still appear depending on the zoom level.”
When it does NOT appear:
• Placing the AI file into indesign, exporting it as a png
• Exporting as a jpg from Illustrator
• When you expand the stroke with a solid colour, then manually set the gradient with the free form gradient setting and adding in your points to create the gradual fade from one colour to another. > my current solution to the problem
I've checked the artwork and there's no extra points, weird shapes sitting on top of the path. I've given the artwork file to another colleague and posted it in the adobe support group and no one can figure out what the issue is.
Link to Adobe Support group post: https://community.adobe.com/t5/illustrator-discussions/breaks-in-gradients-gradients-not-rendering/m-p/15664487#M461183
Attached Gradientglitchstroke.pdf > artwork file.
And screenshot showing the glitches
-
When I open this file in 30.1 on Windows 11 with NVIDIA GeForce RTX 4060, I see no artifacts at all.
Since the stroke like this is represented by a dynamic mesh, I bet it’s something with the GPU that calculates the look of it.
Does it differ when you display t with CPU? -
Ton commented
Same with the stroke size, it makes them more or less visible on png export
-
Ton commented
Happens also in previous versions (and the current beta) and depending on the resolution export settings the spots are more or less visible in different places.