For the next steps, you want to click on GIF Optimizer. Underneath your GIF there is a drop-down list for Optimization method. Click it and select Remove every 4th frame. Then you can click on Optimize GIF! A preview of the GIF with your changes will appear. Notice how the GIF looks very similar to the previous version. It may move faster than before, but we can adjust this later. The important part here is to check the file size.
It is possible to remove more frames, depending on your image. Under the new GIF click Optimize. But this time under the Optimization method select Remove every 3rd frame. Then click Optimize GIF! For the example, on the GIF I am using. See how these top image compression tools actually compare when put to the test.
Due to the previous steps, the amount of frames in the GIF are much lower. This means that the animation appears to run quickly in comparison to the original.
To adjust for this, we can increase the delay between frames. If you scroll down below the frame thumbnails. There are settings for Delay time.
With removing all 3rd and 4th frames I would suggest taking the default delay from under the GIF frames for me this was 20 and multiply it by 2 — 4 depending on your preferences.
I decided to use a delay of So if increasing the time delay makes things run too clunky try lowering your delay to make things smoother. The reason we use the frames delay rather than the GIF speed setting. Is that it generally adds back in those frames we just deleted increasing the file size.
But after following with the rest of this tutorial I still ended up with a 1. To do this we need to head back to Optimize by clicking the icon under our new GIF.
And then click Optimize GIF! There will be no noticeable difference in the resulting image. But there should be a substantial reduction in file size. Click Optimize again. Without any noticeable change in the image.
Change the Optimization method to Lossy GIF and then depending on your preferences you can compress between 60 and Pro Tip: Start at for Lossy Compression to check the final result. At the maximum compression, with all the other previous steps. The amount of savings you can get by optimizing your GIFs is huge. By using the free online tool Ezgif.
Overall, with such dramatic savings — the time spent optimizing your GIFs this way is well worth the effort. But if you use animated GIF images often this process could be rather tedious. In which case tools like this might be an optimal compromise.
Despite the savings of optimizing your GIF images. You can discover how to go about reducing image sizes with this guide. For example, most of my optimized images range between KB. With this in mind, GIFs are versatile tools, which we can use to help bring life to our writing.
But they are best used when trying to help readers visualize a topic that is complicated to explain or demonstrate with only text. Take for example the Gutenberg GIF we optimized in this post. Trying to describe the sidebar bit by bit would take many words. And at the end, chances are the reader might not visualize it the way you intend them to. By using an animated GIF, you can use fewer words to describe.
Meaning you can be clear and concise with your writing. Whilst still providing readers a clear visual. As an added bonus, you respect your own time and your readers by avoiding excess words. While the image can be understood more rapidly. Related: If you like to take screenshots for writing tutorials on your blog, then make sure you check out these time saving screenshots tools. So can optimizing GIFs.
But as different GIFs have different frames, colors and pixels etc. All of which can change which settings work best. This means that none of these savings are guaranteed. So, you may have to play around with the settings provided here. If you do not get the results you want first time.
Your email address will not be published. You can do this also on the image processing page. Paste an image from your clipboard into this website. Use the script to send an image from Photoshop to compress-or-die. Copy it to the Photoshop Scripts folder. Facebook Twitter. There are a lot of articles about online image compression tools in the net, most of them are very superficial. Usually they end with a simple: "It generates smaller pictures, so it's got to be better.
Learn why such statements are most of the time meaningless, understand the technical background, and find out which tool you should use as of today.
0コメント