https://github.com/kyriets/screen-to-good-quality-gif

Procedure to create good quality GIF from your screen recording.
https://github.com/kyriets/screen-to-good-quality-gif

Last synced: about 1 month ago
JSON representation

Procedure to create good quality GIF from your screen recording.

• Host: GitHub
• URL: https://github.com/kyriets/screen-to-good-quality-gif
• Owner: KyrietS
• Created: 2020-05-08T23:19:26.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-07-25T00:39:47.000Z (over 3 years ago)
• Last Synced: 2024-11-07T13:52:41.953Z (3 months ago)
• Size: 7.45 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# How to save screen capture as good quality GIF on Windows

![](images/result.gif)

It's quite common for Visual Studio Code Extensions to present what they offer with GIFs.\

Maybe you want to create some tutorial / blog post with GIFs in it.

No matter what your goal is, it's not easy to obtain good quality GIF from screen recording. The most popular tool [ScreenToGif](https://www.screentogif.com/) isn't the best option for making GIF 1920x1080. It'll be laggy and you won't get constant FPS.

Follow this tutorial to get good quality GIF with 60 FPS that won't take huge amount of space. (ofc it depends on how much colors are in your GIF and how long it is)

## What you need

* [ScreenToGif](https://www.screentogif.com/) (free) - for exporting GIF

* [OBS Studio](https://obsproject.com/download) (free) - for capturing good quality MP4

## 1. Capture your screen with OBS Studio

You can use any other tool that can capture your screen in good quality and save the result to MP4 format. You can capture your screen in 60 FPS too!

## 2. Open ScreenToGif

### 2.1. Open the Editor

![](images/start.png)

### 2.2. Drag&Drop your good quality MP4 (or just use *Load* option)

![](images/import.png)

* Make sure your *Frame Rate* is the same as your MP4 footage.

* Make sure that you use *FFmpeg* importer. If that option is not available then you have to install *FFmpeg addon* in options (it's one file < 70MB) 

### 2.3. Import your MP4 footage to ScreenToGif Editor.

This might take a while. This process extracts single frames from your MP4. That way you always get constant FPS.

## 3. Export GIF

After your GIF is imported and loaded you can edit single frames or selected fragments. For more info read [ScreenToGif Guide](https://github.com/NickeManarin/ScreenToGif/wiki/help).

![](images/ready.png)

* I choose *FFmpeg* encoder because it's the fastest one and the quality is great.

![](images/export.png)

## 4. View the result

![](images/result.gif)\

GIF above is scaled badly by your browser. Click to see in full resolution.

* it's 16 seconds long GIF in 30 FPS  and it takes 8 MB. Not bad.

## Few tips

* Remember to keep your GIFs short! 

* The more colors are in you GIF footage the bigger it gets!

* If your GIF is too heavy, try to scale down the footage when importing (step 2.2)

* You don't have to export your whole screen. You can cut part of your screen in *ScreenToGif Editor* to get nice zoom.

Hope it helps!