Skip to main content
P
PCItech
Participant
July 12, 2021
Question

making an SVG with transparent background

  • July 12, 2021
  • 2 replies
  • 14079 views

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!

This topic has been closed for replies.

2 replies

Ton Frederiks
Community Expert
Ton FrederiksCommunity Expert
Community Expert
July 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.

    c.pfaffenbichler
    Community Expert
    c.pfaffenbichlerCommunity Expert
    Community Expert
    July 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 … 

      Ton Frederiks
      Community Expert
      Ton FrederiksCommunity Expert
      Community Expert
      July 16, 2021

      You are correct, there is hope. 

      We can see if an SVG file will be shared.

        c.pfaffenbichler
        Community Expert
        c.pfaffenbichlerCommunity Expert
        Community Expert
        July 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. 

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices