Skip to main content
Known Participant
December 7, 2017
Question

Exporting animated gif - limiting to the size of artboard

  • December 7, 2017
  • 5 replies
  • 8288 views

I'm trying to export an animated gif in Photoshop CC (File > Export> Save for Web) but there seems to be a lot of blank space around the actual animation (which fills the artboard completely). There aren't any elements exceeding the bounds of the artboard, and I've masked the background image so that it's size matches the artboard.

It's been a while since I've done this, I feel like I'm probably overlooking something simple. Any thoughts?

This topic has been closed for replies.

5 replies

Aaron Patelzick
Participant
December 8, 2020

I run into this same issue frequently and found a fix. Before going to export > save for web (legacy), click on you art board. On the toolbar along the top of the viewer there will be a small gear (set art board behaviors). Check mark the box shrink wrap canvas on save. This will make for a smooth export. 

Participant
November 3, 2021

dude....i have never had this forum adobe has actually provide the answer to what i was looking for. like literally ever, so thank you 

Participant
June 18, 2019

Hi the answer is delete the artboard you have created a gif the an artboard simply right click ungroup artboard this will allow you to keep all your work and not have to redesign the creative again once you have done this you can then crop the gif to the right size I hope this helps?

sharp_Marvel5EB6
Participant
July 31, 2019

this fixed everything! Thank you!!

Participating Frequently
November 12, 2018

I would advice to use Export > Artboards to Files, and then record and action and apply to all these files. To my pity, animation doesn't work with artboards.

Theresa J
Community Expert
Community Expert
December 7, 2017

Save for web has problems with artboards, probably because it’s old and developed before there were artboards. I’m guessing that the exported animated gif is increasing in size because it is ignoring the mask on the background image. Export As was developed to work with artboards, but unfortunately it doesn’t do animated gifs, at least not yet. I think you need to move all of the elements out of the arboard and delete the artboard. Then crop your document if needed to the size required. I expect that save for web will work fine after you do this. Let us know.

Known Participant
December 7, 2017

This makes a lot of sense.. What is the best way to go about removing everything from the artboard - just create a new, properly sized  doc?

Theresa J
Community Expert
Community Expert
December 7, 2017

You can drag all the layers in the layer panel out of the artboard, or you can duplicate the layers into a new document created at the correct file size. That might be the easiest.

JJMack
Community Expert
Community Expert
December 7, 2017

Blank Space?  Transparent space  or a solid color border.  The canvas size of the animated gif should be the same size as your document's canvas size or the size you resize the animated gift to.  Save for web does not trim transparency or color borders.

JJMack
Known Participant
December 7, 2017

It's transparent space.

I can't find anything that would extend outside of the artboard, yet it seems to be happening. See screenshots of the export frame and viewing the gif in Chrome. (Sorry they are limited, I'm not able to share the full item.)