GIFs on GitHub pages: Content length exceeded

-
If you are adding GIFs on your GitHub pages (e.g. README.md), and are getting hit with the "Content length exceeded" message when accessing the said GIFs, it means that your GIFs are too big (more than 5 MB).

Even if the GIFs were initially uploaded to a third site (e.g. blogspot.com, or giphy.com), they are eventually copied to GitHub servers, and if your GIFs are too big (e.g. more than 5 MB), they will no be shown (only the dreaded error message will be seen).

To solve this problem, you have two choices:
  1. Commit your big GIFs to your GitHub repository: you might have other problems eventually when pulling from your repository, since these big GIFs will also be pulled locally
  2. Resize your GIFs: go back to the drawing board, and play with your video editing/GIF making software (e.g. PicGIF Lite) by trimming some images, lowering the video resolution (# pixels wide and tall), or speeding up the video.
The best solution and the one I opted is the second one since I don't want to populate my repository with big GIFs. Starting from a GIF of size 19.9 MB, 20 fps, and running for 15 seconds, I trimmed some images, and sped up the video 4x the normal speed, and I was able to create a short and small GIF (3.73 seconds, 15fps, 3.7 MB):

Figure 1. Short and small GIF running for 3.73 seconds and taking 3.7 MB space

Comments

Post a Comment

Popular posts from this blog

Deactivate conda's base environment on startup

-
Image
When opening a terminal session, conda activates the base environment by default. If you want to prevent this default behaviour, you have three ways: Trick #1  :  Set the auto_activate_base parameter to false Trick #2  : Add conda deactivate in your bash configuration file Trick #3  :  Comment out some part of the conda initialisation code block in your bash configuration file NOTES: I'm working with  conda version 4.7.5 and  miniconda3 (it should also work with anaconda ). These tricks also worked with  conda version 4.6.14 After installing conda 4.7, conda added this block of code in my ~/.bash_profile : This is the block of code that we will modify in the following tricks Trick #1: set auto_activate_base  to false Per conda's instructions, "if you'd prefer that conda's base environment not be activated on startup, set the auto_activate_base parameter to false". Thus, enter the following command in a terminal: conda config --set
Read more

Product review: SMONET wireless security camera system

-
Image
I bought a security camera system from SMONET which consists of 4 wireless [1] bullet IP cameras with night vision: each camera comes with its power adapter [2] . There is an optional Ethernet port on each camera. The camera has an image resolution of 1280*960P . An NVR (Network Video Recorder) system: it comes with its power adapter, a mouse, and an Ethernet cable to connect the NVR to a router. In the Amazon product page  (product description section), they talk about 2 USB2.0 Port but my NVR only has 1 USB2.0 Port in the back, and you can also see it in the user manual  (page 3) that there is only one USB2.0 Port in the back of the NVR. This NVR doesn't come with a hard drive; you have to buy it separately. It is important to stress that if you plan on having a robust security camera system that is very reliable and secure 24 hours a day, 7 days a week, you should opt for a wired security camera system. This wireless security camera system allows you to change the w
Read more

Draw arrows with GIMP plugins

-
Image
Sample arrows that you can create with GIMP plugins If you want to create professionally-looking arrows with GIMP because you are tired of creating arrows that look like you drawn them drunk, then don't despair. I will show you three GIMP plugins for creating great-looking arrows: ArrowsCreator-0.4 is a Python plugin that supports 7 styles of arrows arrow.scm by B-Ranger is a script-fu plugin to "draw an arbitrary arrow into an image or a new layer" arrow.scm by programmer_ceds is a modified version of the previous script that allows you to draw curved arrows ArrowsCreator-04 Here are the steps to install the Python plugin ArrowsCreator-04 : Download the zip file ArrowsCreator-0.4.py.zip , and extract the two files ArrowsCreator-0.4.py and ArrowsModule.py Copy the two Python files into the plugins folder which on macOS is located at /Applications/GIMP.app/Contents/Resources/lib/gimp/2.0/plug-ins For other platforms, check out this guide
Read more