: Why are gradients and opacity rasterized when saving SVG's in illustrator? I'm a web designer and frequently use illustrator to create graphics for use on the web. The most ideal format for

I'm a web designer and frequently use illustrator to create graphics for use on the web. The most ideal format for me is SVG because it is light, performant and looks HQ at any size.

Something really annoying is when I try and export slightly more complex graphics as SVG from illustrator, such as the one I included with this post. Any complex gradients or shapes with opacity are rasterized. To get around this I have been simplifying the artwork and then applying the desired effects post design in the SVG code.

As you can imagine, this is highly unproductive and annoying. Is illustrator capable of outputting SVG code that supports complex gradients and opacity? If so, how do I enable this feature? Thanks.
speedy.sh/4SDBm/temp.ai

10.01% popularity Vote Up Vote Down

: How to paste a part of an image in the same coordinates I cut it from? I want to cut a specific part of an image, then paste it in another image in the same coordinates I cut it from.

@Welton168

Posted in: #AdobePhotoshop #Images

2 Comments

: Is there a way to split an image without changing its final size? I want to split an image to an n number of images, each new generated one must has the same size of the original image

@Welton168

Posted in: #Images #Tools

1 Comments

: How do I make heavy text readable without multiple columns or a high page count? I went over this subject two times with my boss before, to please him with the company's proposals document,

@Welton168

Posted in: #DesignPrinciples #PageLayout #PrintDesign

1 Comments

: Dimension for very large designs I'm working on a design which is to be printed and displayed on a 8ft by 2.32ft. What dimension can I use when using photoshop because I can't find any fonts

@Welton168

Posted in: #AdobePhotoshop #Dimensions #Fonts #HowTo

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Holmes874

Well I'm an idiot, finding the answer took approximately a minute of fiddling about with illustrator - as opposed to saving the SVG using the SVG Tiny 1.2+ profile, saving it with something like SVG 1.1 or SVG Basic 1.1 completely eliminated the issue.

10% popularity Vote Up Vote Down

Feed

: Why are gradients and opacity rasterized when saving SVG's in illustrator? I'm a web designer and frequently use illustrator to create graphics for use on the web. The most ideal format for

More posts by @Welton168

: How to paste a part of an image in the same coordinates I cut it from? I want to cut a specific part of an image, then paste it in another image in the same coordinates I cut it from.

: Is there a way to split an image without changing its final size? I want to split an image to an n number of images, each new generated one must has the same size of the original image

: How do I make heavy text readable without multiple columns or a high page count? I went over this subject two times with my boss before, to please him with the company's proposals document,

: Dimension for very large designs I'm working on a design which is to be printed and displayed on a 8ft by 2.32ft. What dimension can I use when using photoshop because I can't find any fonts

Login to post a comment!

1 Comments

Back to top | Use Dark Theme