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

White background added when exporting as SVG

New Here ,
Dec 12, 2021 Dec 12, 2021

Copy link to clipboard

Copied

Hello! I've created line drawing icons in Procreate, saved those files as PSDs, and then opened them in Illustrator with the hopes of exporting them as SVGs with transparent backgrounds. A few weeks ago I was able to export these transparent SVGs with no problem, but recently, everything has come out with a white background added in.

 

I'm new to this but have seen people requesting workflow for solutions, so here's mine:

- I right-click the PSD file in my downloads folder and click "open in illustrator"

- I turn on the transparency grid, and check that the file has no background. It looks like this: 

 

Screen Shot 2021-12-12 at 11.31.21 PM.png- I click "Export" > "Export As > SVG. Sometimes I click "use artboards," and sometimes I don't — I've been trying a couple different things. These are the settings the SVG exports with:

Screen Shot 2021-12-12 at 11.50.33 PM.png

- I click "OK," and the file appears as an .SVG, but when I upload it to Google Drive / drop the file into other softwares, it appears with a white background. I really need it to have a transparent background.

 

Any help would be much appreciated. Thank you! 

TOPICS
Import and export

Views

5.1K

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
Community Expert ,
Dec 13, 2021 Dec 13, 2021

Copy link to clipboard

Copied

If you open the SVG in Illustrator - does it have a white background?

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
New Here ,
Sep 19, 2022 Sep 19, 2022

Copy link to clipboard

Copied

yes

 

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 ,
Sep 20, 2022 Sep 20, 2022

Copy link to clipboard

Copied

Then use Illustrator to delete the white background.

If you don't know how to procedd, please show us how this looks in the layers panel. It needs to be opened in a way that we see the contents of the layers and groups.

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
New Here ,
Sep 11, 2024 Sep 11, 2024

Copy link to clipboard

Copied

Hi, I have exactly the same problem, could you tell me how you were able to solve it? (if applicable)

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
Adobe Employee ,
Sep 12, 2024 Sep 12, 2024

Copy link to clipboard

Copied

Hello @NellyPG96,

Thanks for reaching out. Would you mind sharing more details, like the exact version of the OS/Illustrator, a public link to a sample AI and SVG file after uploading it to Dropbox/Google Drive/etc., and a screen recording of your workflow, the settings used, and the problem (https://adobe.ly/4gml8vK), so we can investigate this further?

Looking forward to hearing from you.

Thanks,
Anubhav

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
New Here ,
Sep 13, 2024 Sep 13, 2024

Copy link to clipboard

Copied

im having the same issue! sharing how it looks, and how my illustrator file is set up. 

Illustrator 2020 version. MacOS Sonoma 14.3. 
Ai and svg file sample, and screen recording: https://drive.google.com/drive/folders/1InYyFrhcyOBaxBavDbxwOpqEu-UJSc9k?usp=sharing 

 

Thank you in advance!

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 ,
Sep 16, 2024 Sep 16, 2024

Copy link to clipboard

Copied

I just tested your files: no white background. You just shows a preview of the files. Did you open them in Inkscape? Did you use them on a website?

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 Beginner ,
Sep 18, 2024 Sep 18, 2024

Copy link to clipboard

Copied

It seems the issue might be with the export settings in Illustrator. When exporting as an SVG, ensure that "Preserve Illustrator Editing Capabilities" is unchecked, as this can sometimes cause a white background. Also, make sure the "Background Color" option is set to "None" in the SVG export window. This should resolve the white background issue.

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 ,
Sep 18, 2024 Sep 18, 2024

Copy link to clipboard

Copied


@saqib_abbas3039  schrieb:

ensure that "Preserve Illustrator Editing Capabilities" is unchecked, as this can sometimes cause a white background. Also, make sure the "Background Color" option is set to "None" in the SVG export window.


 

"Preserve Illustrator editing" does not change the SVG part of the document and in the SVG options there is no backgound color. 

 

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 Beginner ,
Sep 18, 2024 Sep 18, 2024

Copy link to clipboard

Copied

LATEST

If "Preserve Illustrator Editing" doesn't affect the SVG and there's no background color option, try checking if the artboard itself has a white background or ensure that no hidden layers are adding it. You can also double-check the transparency settings and export options for other potential causes.

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