Squigglevision generator
Animate a cutout with a hand-drawn wobble. Add two images, adjust the effect, and export a looping GIF or the HTML code for your own website. Everything runs in your browser.
1. Choose images
Two images required. An original photo is optional.
Clean background
The scene with your object removed. JPG, PNG, or WebP. Keep the original image size.
Transparent object
A transparent PNG or WebP cutout, in the correct position on a canvas the same size as the background.
Original photo
The untouched image, with the object still in it. Used only for the Original preview.
Background and cutout must have exactly the same pixel dimensions.
Choose a background and a transparent cutout above.
How to prepare your images
Start with a photo of your scene. Save a version with the subject removed, then save the subject as a transparent PNG or WebP. The transparent file must retain the full original canvas size, with the subject positioned exactly where it was photographed. Do not crop to its bounding box.
The editor derives the outline from the cutout’s transparency and uses five SVG turbulence frames to animate it. You can export a GIF or a self-contained HTML file for use elsewhere. Image processing happens locally in your browser; nothing is uploaded to a server.
Based on the Squigglevision CSS technique.