Skip to main content
Umar AR
Inspiring
September 17, 2022
Question

Symbol Pixelization

  • September 17, 2022
  • 1 reply
  • 434 views

Hi there,

 

I am experience a pixelation effect with some symbols in my project and when exported to an .svg.

Please refer to screenshot of webpage capture of this particular arboard.

 

Thanks so much

Umar AR

This topic has been closed for replies.

1 reply

Monika Gause
Community Expert
Community Expert
September 17, 2022

What kind of gradient is that in those symbols?

And what else is there in those stars, how did you build them?

Umar AR
Umar ARAuthor
Inspiring
September 17, 2022

Hi

 

The star streak symbol gradients are a translation from completley transparent to semi transparent red through to solid yellow. The stars were created with standard illustrator vector building techniques and created as symbols.

Monika Gause
Community Expert
Community Expert
September 17, 2022

I tried what you said to but to no avail. However this worked.

 

1. Break the symbol link and copy it.

2. Increase the width of the original path.

3. Change the color of the copy to solid then expand it.

4. Reposition it over the original and use as a clipping mask.

5. Export artboard to .svg

 

Now it displays correctly.


You will then have the pixels inside the clipping mask. If that is no problem, then your solution will of course work.