GIF Stamper stamps GIFs on images provided by you. To stamp a GIF:
- Select an image
- Select a stamp
- Stamp the image
- Download the image
💡 To try it out just open those four tabs in order and press Stamp! on (3)
Alright, 😫! Start me on the Select Image screen in the future.This isn't a file on a server, but in your browser, so some methods to download like drag and drop won't work. To download 1) press the download button, or 2) use the save-as context menu option of your browser. Got it! Don't show me this again.
- I pronounce GIF "Jif" because it rolls of the tongue easier, although I know it's a "Graphical Interchange Format" file, but like I care.😊
- Edge is really slow 😫 to render GIFs. Chrome and Firefox are much faster, and comparable, and that's what I tested with on Windows 10.
- You can stamp on the default grid stamp provided to test stamps. You can get back to that on the Options screen by selecting to not store information, and then back, which removes the stored picture.
-
Q: How does this thing work?
A: As a static page it loads from the server then code running locally, client-side, in your browser does the rest. This differs from sites like ezGIF where you upload the files to them and then they make the GIF on their server and you download it from them.
-
Q: Can I run this local, from my drive?
A: Yes, and how I test. But you must host the pages on a server and can't access as c:\whatever because something to do with HTML canvases and cross-origin protection, or whatever, and I'll update this better later.
-
Q: Why do the stamped GIFs have so many frames?
A: Twitter is weak on handling GIFs with differing frame delays so all frames must be as quick as the stamping frames. I.e., where you want to show this frame for 1s, that's 10 frames if the few moving frames need to show for 1/10th second; 33 frames, if they need to show for 1/30th second.
-
Q: How can I make my own stamp?
A: A challenge at this point because how I do it is with a Windows app that takes just the image to be stamped, and a template for a stamp, and creates all the needed files. I'll work on making that available, but not as Windows application because 🚨 security risk to you.
-
Q: May I steal your code?
A: I release this work into the public domain, and there's a file that says all that blah, blah, blah included.
GIF Stamper Version 1.0.0 7/25/2019 by @imthatholly
Credit to:
- GIF.js which provides client-side GIF encoding.
- image-picker which is used to display the stamp images and pick one.
- download.js which does the nitty gritty of downloading the completed GIF to your browser.
- ezGIF a free site to manipulate GIFs online and very helpful to see the individual frames, and such, and also how you can reduce the size of a GIF because I'm unsure how good GIF.js is at compressing.