How to Remove Thin White Lines Between Colors in Illustrator PDFs
Question details
Users are experiencing thin white lines appearing between colored shapes when exporting vector artwork to PDF from Adobe Illustrator.
- Product
- Adobe Illustrator / PDF Viewer
- Device & OS
- not provided
- Scenario
- Exporting vector logos or graphics with adjoining solid-color shapes to PDF for digital presentation and on-screen use.
- Observed behavior
- Artifacts resembling thin white lines appear on screen between adjacent shapes in the PDF, even though there are no gaps in the source file and the lines do not appear when printed.
Zoom in and out of the document in your PDF viewer; if the thin white lines disappear or change thickness at different zoom levels, it is merely a display artifact caused by the screen renderer's anti-aliasing, not an actual flaw in your design.
Slightly Overlap Adjoining Shapes in Illustrator
Adjust the vector paths to overlap slightly, eliminating the edge-to-edge rendering seams that cause white lines.
Screen rendering engines use anti-aliasing to smooth vector edges. When two shapes meet exactly edge-to-edge, the anti-aliasing process can create semi-transparent pixels at the boundary, allowing the white background to show through.
Open your artwork in Adobe Illustrator. Use the Selection Tool (V) to select the shape that sits underneath or adjacent to the neighboring color.
Manually drag the anchor points of the underlying shape so it bleeds slightly beneath the topmost shape, or use Object > Path > Offset Path to uniformly expand it.
Navigate to File > Save As, choose Adobe PDF, and save your document. View the new file to ensure the overlapping shapes have closed the rendering gap.
Add a Matching Stroke to the Fill Color
A quick workaround without altering anchor points is to add a very thin stroke identical to the fill color.
Export as a Rasterized PNG for Screen Display
If exact screen rendering is essential and the logo is primarily for digital use, bypass PDF vector rendering entirely by exporting an optimized image.
View and Manage PDF Files Flawlessly with WPS Office
WPS PDF provides an advanced and accurate document rendering engine that handles complex vector graphics efficiently. Check your exported designs accurately and make final annotations or adjustments to your PDF documents with ease.
- 1. Install WPS Office: Download and install the free WPS Office suite on your device.
- 2. Open your PDF: Launch WPS PDF and drag your newly exported vector PDF into the workspace.
- 3. Inspect the artwork: Use the zoom slider at the bottom right to thoroughly inspect the boundaries between solid colors.
- 4. Annotate and share: Use the Comment tab to add notes or highlight areas for your design team, then seamlessly share the document.
Frequently Asked Questions
Why do these thin white lines only appear on screen and never in print?
Screen rendering engines use a technique called anti-aliasing to smooth vector edges on pixel-based monitors. When two vector shapes meet exactly, this process can create semi-transparent pixels at the boundary, allowing the white background to show through. Printers have much higher resolutions and process vectors differently (often via RIP software), so these artificial seams do not manifest on physical media.
Can saving the PDF in a different version fix the white line issue?
Sometimes. Saving the PDF with Acrobat 4 (PDF 1.3) compatibility forces the artwork to flatten during export. This flattening process can automatically merge and adjust overlapping paths, often eliminating the seams, but be aware that it may also remove certain interactive elements and reduce future editability.
Does turning off anti-aliasing in the PDF viewer fix the file permanently?
No. Disabling 'Smooth line art' or 'Anti-aliasing' in a PDF viewer's preferences only changes how the file is displayed on your current machine. Anyone else viewing the file with default settings will still see the white lines. The file itself must be modified in Illustrator to permanently fix the issue.
