About this project

This project aims to fill a need that many (or maybe just me) have: Being able to change nearly every aspect of a GIF via a GUI. While a number of GIF analyzers and viewers like gifiddle exist, there seems to be a lack of GIF manipulation tools that run on modern systems.

This project changes that! It puts the power back into the hands of the people, allowing nearly all things that can be done to a GIF, to be done. And whatever is not possible to do via the GUI can, in theory, be done via the developer console of your browser.

It has zero external dependencies and runs completely in your browser without anything server-side needed beyond the initial files. You can even hit ctrl+s or whatever shortcut your system uses to save things and use it offline; just the example GIFs will likely not load because of web browser safety stuff.

Credits

This is a project by stupidcomputer (me). If you have any complaints, or questions, or whatever, please hesitate to contact me because I am an introvert.

The icons used for some buttons are from the game-icons pack made by Kenney. The example GIFs were drawn using Wigglypaint. Except for some initial code for file handling and the neat CSS trick to get round color selectors in the draw dialog, which all were found on Stack Overflow, all code, HTML, and CSS were written by yours truly.

The whole thing is hosted on Neocities because it only needs static hosting, and I never want to have to manage a server.

Rescources

A couple of links for the source code and stuff which, was helpful.

• The barebone TypeScript, HTML, and CSS files can be found on Tangled.
• You can find the GIF specifications used as a basis for parsing and manipulation at w3.org
• Whatsinagif helped me understand and implement the LZW compression and decompression.
• The trick to use the triangle inequality to speed up k-means was found in Improving the Performance of K-Means for Color Quantization
• To get the drawing mechanism working and understand how to best use the canvas element, Mozilla's canvas tutorial was very helpful