Cinemagraph guide
Keep your work
Everything is made in your browser, and nothing is uploaded. Every picture and video here is standard range (SDR); none is HDR.
| Button | What you get |
|---|---|
| Record video | One loop of the moving photo at up to 30 frames a second, with no sound, as long as Video length. It is saved as cinemagraph.mp4 (H.264). See MP4. |
| Save frame | The frame on screen as cinemagraph-frame.png, at the working size: 800 × 600 for the sample, or your photo's size after the shrink to 1920 pixels (1280 on phones). See PNG. |
| Copy | The same picture as a PNG on the clipboard, where the browser allows it. |
The page encodes the frames itself as it draws them, H.264 into an MP4 that opens in Photos, QuickTime, WhatsApp and Instagram alike. A browser that cannot encode H.264 (Firefox) gets a WebM instead, named by what it really wrote. See WebM and MediaRecorder.
While it records, the line under the buttons counts the seconds, then says Video saved. Record video waits until the recording ends before it can be pressed again. Reset during a recording stops it without saving, and the line says Recording stopped by Reset.
If the motion is paused, recording plays it and pauses it again at the end. The blue mask tint is left out of the video, and Show mask stays as you set it.
Every effect repeats a whole number of times in each loop, and the video holds exactly one loop from its first moment, so when it plays on repeat the end meets the start without a jump. See seamless loop.
Save frame and Copy leave the blue mask tint out too, whether Show mask is on or off.