• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

New Here ,
Oct 05, 2021 Oct 05, 2021

Copy link to clipboard

Copied

This is my svg file opened on Ai and chrome

Ai.png

chrome.png

TOPICS
Bug , Import and export

Views

273

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
LEGEND ,
Oct 06, 2021 Oct 06, 2021

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 06, 2021 Oct 06, 2021

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 06, 2021 Oct 06, 2021

Copy link to clipboard

Copied

LATEST

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines