SVG print-color-adjust Property
print-color-adjust overrides the browser default of stripping background colors when printing, ensuring SVG fills print as intended.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Why Browsers Strip Colors by Default When Printing
Most browsers default to omitting background colors and some fill colors when printing a page, a behavior originally intended to save ink, which means an SVG icon or illustration relying on a colored background or fill can print as plain black-and-white or disappear entirely unless explicitly told otherwise.
- Browsers default to stripping background colors when printing to save ink
- SVG fills relying on background color can disappear or print incorrectly
- This default behavior often surprises developers testing print output for the first time
Applying print-color-adjust for Correct SVG Printing
Setting print-color-adjust: exact (along with the older -webkit-print-color-adjust: exact for broader browser compatibility) on the relevant SVG elements or their containers overrides that default behavior, ensuring background-dependent fills and colors print exactly as they appear on screen rather than being silently stripped.
- print-color-adjust: exact overrides the default color-stripping behavior
- Including the -webkit- prefixed version improves broader browser compatibility
- Ensures printed SVG output matches the on-screen appearance accurately
Frequently Asked Questions
Does print-color-adjust affect regular screen rendering at all?
No, it only takes effect within a print context (media query print or the actual print dialog preview) — normal screen rendering of the SVG is completely unaffected by this property.
Why does my SVG still print incorrectly after setting print-color-adjust?
Double-check the property is applied specifically within an @media print block or to the correct printed element, and that both the standard and -webkit- prefixed versions are set for maximum browser print-dialog compatibility.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG