So I am working on my personal portfolio and am planning to include a GIF in the background. To give a brief idea, it basically shows the transition from a Mobile device to an I-pad and finally to a desktop screen. I created this animation in After-Effects and exported a PNG sequence. Since this is a 6-7 seconds animation, the number of individual PNGs is coming out to be somewhere around 650. From What I know, I am opening this image sequence in Photoshop to create a GIF, but due to the large number of frames, it is only allowing me to create the GIF in 50% or less canvas size(the original is 1920X1080).I even tried bringing down the colors to 128. Is there something wrong that I'm doing? And/or is there a better way to export GIFs like this? If GIF is not a good option, should I use a video?


  • you should use video.
    – joojaa
    Commented Jun 23, 2015 at 7:33

1 Answer 1


GIF's grow very fast in File size because they are saved frame by frame unlike what video codec's do.

I'd use a video instead.

Combined with a autoplay feature (either trough a jquery vide plugin or trough a videoservice like vimeo or youtube which support loop and autoplay) you can get quite close to native gif functionality.

  • I am actually building my site on Squarespace. I want the gif to run in the hero image. Now Squarespace doesn't allow uploading a video :/ I guess i'll have to somehow reduce the size of the GIF itself. Thanks anyways! Commented Jun 23, 2015 at 7:52
  • Then your only option is to play around with loss and color reduction.
    – KSPR
    Commented Jun 23, 2015 at 8:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.