Hello,I am a novice user of Illustrator 2021 and I've run into a problem with exporting a background I've designed following this tutorial : https://www.youtube.com/watch?v=SoW7ue0p3mc When exporting to .PNG the colors match those of my working file. Yet when exporting to. SVG and opening it in any browser, the colors are all washed out.I've been browsing the support community and the web for an answer to my problem, and tried :checking if the document color mode was in RGB, which it waschecking if the document color profile was sRGB, whch it waschecking if the color of the different objects weren't in greyscale, which they were notsaturating color of SVG file after export (see below), but the blues are different ; they look like the color mode is in CMYKIn short, I didn't have any luck with the solutions found so far so any help would be greatly appreciated !Cheers,

Participant

Answered

Colors get messed up on export to .SVG

Forum|Forum|4 years ago
August 5, 2021
3 replies
7957 views

Hello,

I am a novice user of Illustrator 2021 and I've run into a problem with exporting a background I've designed following this tutorial : https://www.youtube.com/watch?v=SoW7ue0p3mc

When exporting to .PNG the colors match those of my working file. Yet when exporting to. SVG and opening it in any browser, the colors are all washed out.

I've been browsing the support community and the web for an answer to my problem, and tried :

checking if the document color mode was in RGB, which it was
checking if the document color profile was sRGB, whch it was
checking if the color of the different objects weren't in greyscale, which they were not
saturating color of SVG file after export (see below), but the blues are different ; they look like the color mode is in CMYK

In short, I didn't have any luck with the solutions found so far so any help would be greatly appreciated !
Cheers,

Import and export

This topic has been closed for replies.

Correct answer Ton Frederiks

Maybe you have used some transparency effects like a blending mode that is not supported in SVG.

Ton Frederiks

Community Expert

Good to hear that helped.

Mylenium

Legend

Ton is spot on. Transparency is calculated differently in SVGs as are blending modes. You will need to change your procedures to get similar results, though technically there is zero advantage to SVG in your case. Large chunks of it will be rasterized as pixel data, anyway, and the complex rendering has no benefits in terms of performance or mobile-friendliness.

Mylenium

theteamakerAuthor

Participant

Well that's it ! I didn't know about blending and SVGs, and SVGs in general actually. I will go with PNGs and it will do.

Many thanks to you both!

Ton Frederiks

Correct answer

Community Expert

Maybe you have used some transparency effects like a blending mode that is not supported in SVG.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded