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

making an SVG with transparent background

New Here ,
Jul 12, 2021 Jul 12, 2021

Hi,

I have created hundreds of SVG files in photoshop for use in app design but have been told that I need to re-do them as illustrator SVH files.

When I place the image as either Jpeg, SVG or photoshop file into illustrator the background is filled with white, when I actually need an objec t with a transparent ground to act as an icon within the UX.

Without manually creating paths for all these'icons' is there a batch process way I can create SVg images with transparent backgrounds, preferably as a batch process?

Thank you!

TOPICS
Draw and design , Import and export , Tools
13.8K
Translate
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 ,
Jul 16, 2021 Jul 16, 2021

Could you please post screenshots with the pertinent Panels (Toolbar, Layers [expanded], Control Bar, …) visible of one of the Photoshop-created svgs opened in Illustrator? 

And the svg itself. 

Translate
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 ,
Jul 16, 2021 Jul 16, 2021

Creating SVG files in Photoshop defeats the purpose of SVG, Scalable Vector Graphics. Vector graphics are scalable while photoshop files will show their pixels when scaled up.

Exporting from Photoshop as SVG (which can contain bitmaps) should give a transparent background if there was one in Photoshop.

Did you turn on View > Show Transparency Grid in Illustrator?

And just placing the bitmap SVG files in Illustrator does not make them vector SVG files.

Translate
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 ,
Jul 16, 2021 Jul 16, 2021

»Creating SVG files in Photoshop defeats the purpose of SVG, Scalable Vector Graphics.«

If the creator thought ahead and used Shape Layers, Type Layers and Vector Masks there may be usable vector data in the svg, though it may indeed be interspersed with pixel data. 

Seeing one of the actual svgs might take a lot of guesswork out of the issue … 

Translate
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 ,
Jul 16, 2021 Jul 16, 2021
LATEST

You are correct, there is hope. 

We can see if an SVG file will be shared.

Translate
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