Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Keep visual appearance of SVGs on export?

Advocate ,
Nov 11, 2025 Nov 11, 2025

I'm not sure what this process is, so am not sure how to look it up. I'm working in CMYK but want to export to print, or as RGB SVG for web.
I haven't had to do this before - kinda working backwards - but I have a layered AI file with a few transparency modifiers... how do I keep the visual intensity of the AI file on export?
Left side is AI... right side export. 

turner111_0-1762894478838.png

Any help appreciated!



TOPICS
How-to
119
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Expert ,
Nov 11, 2025 Nov 11, 2025

This should not be difficult to get in SVG.

What are your Color Settings?

How do you export to SVG, export as.. export for screens?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advocate ,
Nov 12, 2025 Nov 12, 2025

Hi Ton - 

Thanks for the note. 
Regarding color settings, I'm in CMYK, but have also tried RGB. (If that's what you mean.)
I have tried both "direct" export as SVG as well as for screens, with the same result. I haven't tried changing any particular settings on export, though.

turner111_0-1762949095288.png

Is there any other info I can provide?
I tried dropping a test file here (the AI document), but am getting an error:
"The attachment's test.ai content type (application/postscript) does not match its file extension and has been removed."
??
Cheers

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 12, 2025 Nov 12, 2025

I cannot replicate the problem, so it would be good to have an example file.

This Illustrator forum does not like Illustrator files, but if you rename them to .pdf or save them as PDF, you can attach them.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advocate ,
Nov 12, 2025 Nov 12, 2025

Well, that's ironic 🙂 

Here's a PDF. Thanks again.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 12, 2025 Nov 12, 2025

Thanks, the multiply blend mode does not seem supported in the svg export.

Flatten transparency seems to work.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 12, 2025 Nov 12, 2025

Made a clipping mask to get rid of the extending stripes and curves and flattened the result without keeping the alpha transparency.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 12, 2025 Nov 12, 2025
LATEST

I hope someone with some coding knowledge comes along to show you how to do it with an SVG filter.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines