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 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)
- ScreenToGif (free) - for exporting GIF
- OBS Studio (free) - for capturing good quality MP4
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!
- 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)
This might take a while. This process extracts single frames from your MP4. That way you always get constant FPS.
After your GIF is imported and loaded you can edit single frames or selected fragments. For more info read ScreenToGif Guide.
- I choose FFmpeg encoder because it's the fastest one and the quality is great.
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.
- 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!