AI: Element (circle mask) is lost after exporting to svg

Forum|Forum|3 years ago
October 4, 2022
2 replies
2502 views

Hi all, I have no idea why I'm losing an element which is a circle mask after exporting to svg. Im using AI 26.5 (64 bit). Export to PNG works fine. I tried different configurations in dialogue window but non of them worked. The picture I want to export is a simple icon with 2 elements (two circle masks). Grouping and ungrouping elements doesn't help. Any idea?

This topic has been closed for replies.

Monika Gause

Community Expert

So you export the SVG and then you check it out in a browser and then the mask is not there?

Or does the mask disappear after re-opening the SVG in Illustrator? That is something you should avoid at all costs. Never, never ever use SVG as a work file format in Illustrator. Your work file format should always be AI. Use SVG only for export.

M

Michał26427621uqbmAuthor

Participant

Exactly, I export the SVG and then I check it out in a browser which shows that the mask is missing.

Monika Gause

Community Expert

How did you make the mask? With the button in the layers panel or with Object > Clipping mask > Make (resp. Draw inside)?

marliton

Community Expert

Hi. SVG format has issues with semi-complex graphics, masks, etc. You can try expanding the graphic before exporting.

Marlon Ceballos

M

Michał26427621uqbmAuthor

Participant

Hi Marlon, expanding doesn't work either, unfortunately. The key issue is that the final object must have some transparency within its shape.

marliton

Community Expert

In my opinion, is better to use SVG format with simple shapes, any "extra" could produce unexpected results. If the graphic has opacity, complex gradients, etc, I prefer to use a bitmap format like png.

Marlon Ceballos

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