What Type of Gifs Can I Upload Tumblr

Gif tutorial: Staying below the 3MB limit

Ever brand a gif that is over 3MB and Tumblr won't have information technology? Y'all desire to make it smaller without affecting the overall quality? In this tutorial I go over a few methods that will allow you lot to decrease the file size of your gif without changing its appearance likewise much!

Notation that not every single trick shown will work on every unmarried gif. Besides note that you can combine several tricks if yous need to.

Making a gif darker

This is a unmarried frame of a gif that is iii.5MB (Adaptive, pattern, 256 colours). The gif itself is too big for me to upload onto Tumblr. I've coloured the gif and I'm happy with what it looks. I could go and reduce the 256 colours to 128 or even lower to get it down to 3MB, just that's non what we're going to do. Nosotros desire to preserve the total 256 colour quality.

On top of all your layers, create a levels aligning layer. What we're going to do is make the gif but slightly darker by taking the shadows arrow and moving it merely a little bit to the correct. The shadows arrow is the pointer most to the left in the slider with 3 arrows.

When I've washed this the gif won't wait drastically unlike, just a niggling chip darker.

^ Before:

^ Afterward:

Past making this pocket-size adjustment, I've reduced the gif from 3.5MB to 2.9MB without doing anything to the quality of the gif.

Freezing parts of the scene

Freezing parts of your scene means that y'all're literally going to freeze a role of your gif in place.

(Anime: New Game!)

This gif is currently 2.1MB big, which of grade is modest enough for Tumblr, but for the sake of the tutorial we're going to pretend that it isn't.

Certain parts of the scene, don't move or change. After having done all the editing I wanted to get washed (colours, sharpening, blurring and so on) I'yard going to freeze certain parts of the scene. I do this when my gif is on the video timeline.

I'g going to freeze the shrub in the second part of the gif.

Firstly I need to meet where on the timeline the van is completely off screen.

Once I've located that point I'yard going to select the surface area that I want to freeze. After selecting I press Control/Ctrl + Shift + C. This volition copy everything that is shown within my pick no matter what layer I am on. Once it'south copied, I paste it.

Equally y'all can see, it's longer than my actual gif now. Only slide it dorsum to lucifer the finish of the gif.

Tadah, you've frozen a part of your gif. It'due south really that straight forward, simply I cut out 0.2MB.

Let's say I need to make it ever smaller. I can freeze as much equally I like as long every bit there are parts of the scene that don't move. (I went overboard here).

I highlighted the areas that are frozen. Every bit y'all can see a lot of the scene doesn't actually motion (aside from some tiny blossom petals that for the sake of this tutorial nosotros are pretending do not exist).

Afterwards having frozen all these areas in the gif, I slimmed information technology downward from 2.1MB to 1.6MB.

Removing the panning in the scene

Find an elaborate tutorial tutorial on this topic here.

Panning is when the camera in your scene moves from one side to another. Past removing the pan, you are able to cut out duplicate frames that you wouldn't accept been able to cut out before (more information on cut out duplicates afterward in the tutorial!) and on superlative of that there is less motion that would add to your gif'southward file size. Not to mention that you can now freeze parts of the scene as well.

Our aim is to remove the camera's motion from the scene, as you can see above.

Altering your acuminate settings

I like to define sharpening every bit me adding a small amount of detail to my gif. With that said, it should exist easier to sympathize that sharpening adds onto my filesize, this while sometimes sharpening doesn't even really make that much of a departure in the stop result.

Anime: Hyouka

The first gif is sharpened, the second gif isn't. As y'all tin see, there'due south inappreciably whatever difference if at all. However, the first gif is bigger in filesize than the second. I chose to remove the sharpen because it doesn't make a visual difference anyway.

While sometimes this works, at other times you lot may want to proceed your gif sharpened. Lowering the amount of sharpen tin can reduce the file size as well.

Blurring

Anime: Oshiete! Galko-chan

Blurring very basically put is the opposite of sharpening. If reducing sharpen lowers file size, so volition it's opposite, blurring.

Blurring is something y'all accept to practice in low amounts for the right effect. Too much and your gif will brand people question whether or not they need spectacles.

^ Without blur

^ With mistiness

Neither the file size or the visual are drastically unlike. What I chose to do is use surface mistiness (which I do in all gifs) at a radius of 3 and a threshold of 4 as well as a Gaussian mistiness at 0.2px. Never go higher than these numbers or you'll lose too much detail.

Note that this volition not e'er look good.

Removing duplicate frames

Anime: Nichijou

This is a frame from a gif that I oasis't edited withal. Right now the gif is 3.5MB (Adaptive, pattern, 256 colours) with 120 frames. I haven't converted to a video timeline because I want to take a closer look at the frames.

I know that some of these frames are duplicates of the frames that came before them. Technically I don't need these frames for the blitheness to be shine. So I can remove them.

Looking at the frames I can meet that 1 and 2 are the same, 3 and 4, and 5, 6 and 7. Pregnant that after deleting the duplicates, I will have 3 frames instead of 7. To foreclose the timing of the gif from existence different, I remove a frame and add together the delay into the previous frame.

This can be a trivial confusing then let me explicate that again. The outset two frames were the same. Both of them had a 0.04 second delay. Together that adds up to 0.08. Significant that if I remove ane, I cut the delay in half. If I add the delay I removed into the frame that stays, information technology stays the same. The same for frame 5, 6 and 7. Together they fabricated 0.12.

At present that I've removed all the duplicate frames, I've managed to cut my gif to 2.8MB with a total of 64 frames. This ways I've cut down almost half of the frames without actually affecting the blitheness's smoothness.

Cropping your gif

Uncropped
Anime: Katanagatari

Cropped

Cropping is to cut off from the width or height of your gif. Information technology's pretty straightforward. I don't recommend cutting into your width nor do I recommend cutting a lot off from your height. Cropping isn't meant to cut off massive chunks from your filesize or your gif for that affair.

I use this as a last resort type of matter. When I have tried everything I possibly could and the file is at iii.05MB, I similar to cutting off a little bit from the top and/or bottom to cut off that 0.05MB.

What I similar to do is brand a choice with the rectangular marquee tool (K) then press crop (C), followed by enter to ostend the crop.

Swapping colours / removing grain

This is a segment I've copied from another ane of my tutorials (on making clean gifs). Removing grain tin lower your filesize tremendously. This is because grain generally moves when your gif plays. By removing the grain, you remove movement, which results in a lower filesize.

Nosotros're going to exist looking at a Ponyo gif. Ponyo is relatively easy to get grainless for the most part. Below you tin can run across it saved on improvidence, 100 dither and with an adaptive palette. At commencement glance it looks pretty clean.

But when zoomed in, yous can see the little speckles of grain showing up quite clearly. We want to remove them.

Like I've mentioned before, what you lot tin can do is adjust the colouring to the point that information technology is clean. Which is something I do recommend y'all do considering it's much simpler than the method I'yard about to explicate. Firstly even so, nosotros're only going to lower the dither to 99%. The colouring is apartment and we won't run into any big problems if nosotros lower the dither by i%.

On 99% dither we've taken care of pretty much all of the grain. You can meet that there's notwithstanding a footling something though, right on the white abdomen. Truth be told, almost people wouldn't fifty-fifty notice that. Just we're going to delve into the way we can gear up this.

In save for web, make sure you have two-up view or 4-up view selected. What we need is for the original image to be shown right next to the ane we're saving.

On the left of the original image in relieve for spider web, you can find the eyedropper tool.

.

With the eyedropper tool yous tin sample colours any of the previews in save for web. Within your about-to-be saved gif, y'all can now pivot point colours in the areas that are grainy and remove them.

Let'south go dorsum a petty. Select the eyedropper tool and select a grainy area in the version of the gif you are virtually to save. Y'all will now accept that colour selected in your color table. What you can do now, is press the trash can icon and delete that colour. This means that you lot at present have 255 colours in your gif.

Sometimes this will clear out the grain in that area, only today nosotros're non that lucky. Nosotros even so have a bit of grain left. The primary reason we sampled and removed a colour is to brand infinite for a new colour.

Again, select the eyedropper tool. Now instead of in your about-to-be saved gif, sample a colour in the area that is appearing grainy from the make clean original. In one case you have done that, select your nearly-to-exist-saved gif and click the new color icon.

Beneath you can run into the icon I'm talking about. What you just did is sample a colour and add together that colour into the palette of the gif you're most to save.

Nosotros're near at that place.

Information technology'southward very difficult to run into, but there is some blotching in the pilus.

I used the method I just explained and now the expanse is clean.

The problem is, because the hair is so similar in colour every bit the balance of the torso, this created a blotched area in another part of the gif.

You might see a driblet in your filesize past now, yous might non. Information technology's good to note that this can be very fourth dimension consuming. It's also easier to practice when you're saving only a single frame rather than all frames at once.

That'due south all!

If you have whatsoever questions, experience complimentary to ship me a message.

schroederript1991.blogspot.com

Source: https://anue.tumblr.com/giftut-filesize

Share this post