Skip to main content
A
asiramv
Inspiring
September 15, 2023
Answered

Illustrator is exporting content to SVG that is outside artboard

  • September 15, 2023
  • 1 reply
  • 1182 views

Hi. I'm using the latest updated Illustrator. I have a file with 16+ similar artboards. I'm exporting to SVG and PNG. The PNGs look fine but the SVGs are showing content that is not on the artboard I'm exporting--it's one of the ones that's beside it (I assume). I'm exporting by going to Export > Export for screens. I have also tried Export As (which had its own problems) and someone on the internet suggested using the legacy export but there's no SVG option. The only other thing I can think to do is make 16 files and export one by one but I really don't want to.

 

I've been researching and trying things for an hour or 2 and my exports continue to be wrong. Help?!

 

Thanks,

Marisa

 

    This topic has been closed for replies.
    Correct answer asiramv

    There is a drop shadow applied to that artwork. And that might cause the artwork to be indeed that large that it is on the other artboards. So can you move them further apart so that cannot happen?


    I really didn't think this would work. First I tried separating the artboards a bit and I kept finding they'd try to grab other elements. So I took your advice and added a clipping mask to each artboard. Then I tried exporting and that took care of some of the issue but some were still showing up with items from the next artboard. So, I moved them further apart and it finally worked. Thank you so much for your help. in the future I'll try to set the artboards further apart from the beginning.

    1 reply

    Monika Gause
    Community Expert
    Monika GauseCommunity Expert
    Community Expert
    September 15, 2023

    Please show screenshots.

    And also how your Export for screens is set up.

    How do you open the SVGs?

    A
    asiramvAuthor
    Inspiring
    September 16, 2023

    Here's a screenshot of my export plus a bad export and a basically correct one (all from the same export setup and file). The one I say is "basically correct" should be cropped all the way to the artboard. In terms of how I'm opening them, I'm generally viewing in Edge but I also tried dragging one into Illustrator to make sure I was seeing correctly. I have tried using asset export and at this point that's basically working but some items want to group that I am not intending to group. I wonder if that's part of the issue. If something outside the artboard is grouped with something inside the artboard but I certainly didn't mean for that to happen and don't want it to happen (I used alt to copy the backgrounds from artboard to artboard or I copied the artboard itself). 

    Thanks 

    Monika Gause
    Community Expert
    Monika GauseCommunity Expert
    Community Expert
    September 16, 2023

    Where is the artboard here?

    Are these artboards maybe too close to neighbouring objects?

    Is there no clipping path in the SVG?

     

    How is this built? 

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