⚠️ ⚠️ svg filter effect rasterized in image instead of generating svg filter element when exporting svg file
macOS Catalina version 10.15.1
Adobe Illustrator 24.0.1
File -> New (Web -> Common)
Rectangle Tool (M) -- draw rectangle on artboard
Effect -> SVG Filters -> AIShadow1
Open "Asset Export" panel. Choose SVG from "Format" combo box in panel. Click "Generate a single asset from the selection" button at bottom of panel. Expand "Export Settings" in panel, and click "Export" button at bottom of panel. Choose directory for export.
SVG file should have a "filter" element. No PNG file should be generated.
The exported SVG file does not contain a "filter" element. And the shadow effect has been rasterized in a PNG file.
Melanie Bass Pollard commented
This is an issue for me for last couple of months. I have been unsuccessful in exporting any file generated in Adobe Illustrator and exported through the Export panel to SVG. I lose the drop shadows, long shadows and anything else that is complex, masked or with multiple layers. This includes also the file used from Adobe Stock vectors.
I'm testing in both iMac/High Sierra 10.13.3; Macbook Catalina 10.15.5. I am importing the files into Adobe XD and exporting to Zeplin. Zeplin is also assisting in testing this problem since the exports that look correct in XD but when exported to Zeplin, do not retain the transparency and rasterize drop shadows. The shadows are tested as Illustrator generated drop shadows and also tested as XD created drop shadows. I've tried exporting just the artwork as SVG from Illustrator as well exporting the SVGs from XD and Zeplin. Nothing works.
When I open the SVG files, they generate an alert modal of "The following items could not be imported properly. Clipping will be lost on roundtrip to Tiny".
The development team I work with has isolated the problem to be in how Adobe generates SVGs.
Can confirm that this appears to have been fixed now (tested on win, v24.1.1)
Антон Колосов commented
Same fo me on 24.0.1, but after update to 24.1 export all right
Same for me,
non of any PNG export is working
Need to save as..... wich is not convenient when working on UI
and it is not because I am applying mutiple effect or trying to trick illustrator
Rectangle + any simple effect
when you do export the selection the effect is lost
100% this. This is a huge issue when trying to create modern assets for the web, and has made Illustrator 2020 unusable for me.
This was working fine in the previous release (tested on 23.1)