Skip to main content
Participant
October 6, 2021
Question

My svg file got error when opened on browsers but fine on Ai

  • October 6, 2021
  • 2 replies
  • 412 views

This is my svg file opened on Ai and chrome

This topic has been closed for replies.

2 replies

John Mensinger
Community Expert
Community Expert
October 6, 2021

As Mylenium alludes, your glowing points of light rely on transparency and blend modes, and can only be rendered to screen as rasters. To get the same appearance in a browser as you're seeing in Illustrator, you'll likely have to just rasterize the whole thing. You'll still be able to export it as SVG, but there's no point or adavantage in doing that.

Monika Gause
Community Expert
Community Expert
October 6, 2021

I think the SVG standard would support blend modes. And the blur could be achieved with an SVG effect. So in theory this could work, but might need some extra coding.

Mylenium
Legend
October 6, 2021

You need to enable rasterization of unsupported features or manualyl rasterize the layers. Apparently you created a complex gradient or Glow and these things can only be expressed as pixel data.

 

Mylenium