Hola guys~
So for those who like to create graphics for tumblr and are not very good with gifs, here are some tips that can help you with that part.

First of all, tumblr has a limit of 500kb in TOTAL, that means, if you want to do a gifset, the who thing must be under 500kb, and guys, that's not an easy task. Another thing is tumblr gif or graphic dimensions must be under 500px wide, and in case of gifs, and not above 281px height.

Tip 1
Saving
First and most important, when it comes to saving gifs, you must do it like this
File>Save for web>gif
That way you can choose from "Original" to "Optimized"

Tip 2
Frames
Keep your gif under 10 frames.
My example here, has 17 frames, on 500px/281px, sweet, right?
But when I'm about to save it, I have the issue is bigger than 500kb, that's not cool for us. So
Time to remove some frames. So this is my result, after removing some frames and resize to 320px It looks a little bit cut, but we get the picture =)

Tip 3
Changing settings
So, we don't want to resize the gif, we want to keep it 500px wide, another solution is to change some settings.
If you start playing with "colors" and "dither" you can make that happen, BUT, it will affect the gif quality at the end.

Tip 4
Cut
Sometimes we don't need all the space of the gif, so another solution is to cut it in case you have to much space going on. Cutting the gif I had and I could keep all my 17 frames and under 500kb.


In the end, it's all about playing with all of these to get the result we want =)
There are a few more tricks to make this work, and I'll try to keep updating this thread with new tricks!! So I hope this helps guys! =D


#ag #agtutorial

THANK YOU I can never get my gifs to work on tumblr!

Isn't the limit 1 MB? And it's for each individual gif? Because I'm pretty sure most of my gifs are each more than 500KB XD I've also made gifs that are taller than 281 pixels, and most of my 245x184 gifs have between 20-50 frames.

It's just sometimes the colors become a problem because for some reason Tumblr doesn't like vibrantly colored gifs so I always have to turn down the saturation.

White Moon Lady wrote:

Isn't the limit 1 MB? And it's for each individual gif? Because I'm pretty sure most of my gifs are each more than 500KB XD I've also made gifs that are taller than 281 pixels, and most of my 245x184 gifs have between 20-50 frames.

It's just sometimes the colors become a problem because for some reason Tumblr doesn't like vibrantly colored gifs so I always have to turn down the saturation.

This is true, limit is 1MB but I personally try to make them bellow 800KB because if it's too close to 1MB tumblr may not upload it :bunnynarroweye 
and as you said, the height limit is larger than that, but that should be at the designer consideration since it can't be more than 1MB the quality will decrease with a bigger gif

I usually don't have a problem with uploading gifs to Tumblr, its the fact that when I do, Tumblr expands it to fit the size of the dashboard and it makes it all distorted. It's really really frustrating and I don't know why it happens

Even if you can upload up to 1mb, you're gonna have troubles making it work, that's why i stick with 500kb limit. about the height, most of the gif i got (not gifset) are at least from 281px size or lower, that why i thought that was the limit, i'm not very sure the actual limit height size o.o

it really depends... especially on the templates you plan to use. luckily people all over tumblr make templates 8D i use those for guides for gifs or graphics.

actually those templates are life savers <3

According to tumblrs Help page these are the img limitations:

• Make sure the file is no larger than 10MB and one of the following formats: JPG/JPEG, GIF, PNG, or BMP.
  
• If you are using animated GIF, make sure it is no larger than 1MB and no more than 500 pixels wide.
  
• Save a brand new version of the file using a photo/image application to remove encoding issues from the original file.
  
• Size the image down. Most blog themes support 500 x 750 pixels, so be sure to stay within that limit to avoid an automatic scale-down after upload.
  

Source: http://www.tumblr.com/docs/en/photo_troubleshooting

^^^^ i didn't know that.

i can make my edits bigger now :3 muahahaha

What templates are you guys talking about?

brrrandiZZLe wrote:

What templates are you guys talking about?

The ones people use to make gifset/screencap set on tumblr, like this this, biggest template place.

Ohhhh cool!