Skip to main content
yullos498272
Participant
Dec 23, 2020 4:52 AM UTC
Answered

SVG export blank area (Too many spaces when saving. How can I solve this problem?)

Too many spaces when saving. How can I solve this problem?

This topic is closed to new replies. Start a new post to keep the conversation going.
Dan Rodney
Dan RodneyCorrect answer
Community Expert
Dec 23, 2020 9:27 PM UTC

Do you mean the empty white space in each file? If so, you can ignore that. Apple does not accuratly preview SVG files. macOS is adding all that white space to the preview, even though the files do not have that in them. This happens to all SVG files, not only those made by XD. I would love to see Apple update their SVG previews to make them accurate (the white whouldn't even be white, it should be transparent).

Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
View reply

3 replies

Dan Rodney
Community Expert
Dan RodneyCommunity ExpertCorrect answer
Community Expert
Dec 23, 2020 9:27 PM UTC

Do you mean the empty white space in each file? If so, you can ignore that. Apple does not accuratly preview SVG files. macOS is adding all that white space to the preview, even though the files do not have that in them. This happens to all SVG files, not only those made by XD. I would love to see Apple update their SVG previews to make them accurate (the white whouldn't even be white, it should be transparent).

Translate
Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
    Rishabh_Tiwari
    Rishabh_Tiwari
    Legend
    Dec 23, 2020 9:15 PM UTC

    Hi there,

     

    Thanks for reaching out. We'll need to test this on our end, so will it be possible for you to share the original file with us? If yes, you can add the file to shared cloud storage and share the link with us. We'll also need the version of XD and the operating system.

     

    Regards

    Rishabh

    Translate
      Shashank5C1B
      Participant
      Dec 27, 2022 6:43 AM UTC

      I dont believe this! Its 2022, people are facing the same problem, and adobe hasnt yet solved it! 
      Adobe, please solve these basic problems first and then add new features to adobe xd. 
      This article is from 2020, now its 2022 and im still facing the same issue. PATHETIC! 

      PLEASE NOTE: This is not a mac/apple laptop problem, this problem is with adobe XD svg export. 
      If i export svg in adobe illustrator then it works correctly, illustrator does not show white blank space. 

      As u can see in below screenshot, white space is there in the svg file. 

      THE EXACT PROBLEM, AND WHY IT NEEDS TO BE SOLVED:
      When this SVG file is imported for app development purposes by developers, it behaves the same way its shown here. i.e. white space and the icon. As a result this becomes useless file. 
      Let me know if anyone has a solution for this.

      XD file link also attached here:
      XD FILE LINK HERE

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