It is no secret that visual and audible media helps to engage audiences, and it has overtaken tech culture as well.

Find any GitHub repo with thousands of stars, and you will likely find logos, splash images in the README.md and screen recording GIFs of the code being used.

Here are some of the tools, commands, and scripts I am using to make visual media for my website:

• ffmpeg
  • Use this command to convert a video to a GIF: ffmpeg -t 4.267 -i input.mkv -loop 0 -vf "fps=12,scale=1024:-1:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse" test.gif
  • Adjust the value passed to -t to change how long the GIF runs for (in seconds)
  • Adjust the value of scale= to change the size of the output GIF
  • Based off of this SO post