Create animated GIFs from 360 spins
Sirv can serve your spins as GIFs. Simply append ?image to your .spin file and you'll see a GIF. Customize the speed, direction, pause, jump to certain frames and zoom in to create an animated GIF.
Try the demo below or scroll down this page for more animated GIF examples.
Customize your GIF with the following parameters:
|image.rules||G, L, R, Z||Go to frame, rotate Left, rotate Right, Zoom|
|image.speed||3000||numeric (ms)||Time in milliseconds for one full rotation|
|image.pause||0||numeric (ms)||Pause animation after last frame|
|image.frames||72||numeric||Number of frames in the GIF (from 2-128)|
You can set as many image.rules as you wish. Each rule is executed in the order of the URL. The options are:
- G = Go to certain number of degrees
- L = Rotate left by a number of degrees
- R = Rotate right by a number of degrees
- Z = Zoom in (%)
Set the speed of the animated GIF using image.speed parameter.
Your animated image will contain from 2-128 frames, depending on the number of frames in your original spin. The default is 72 frames.
If your spin has more than 72 images, then an appropriate number will be used for a smooth spin. For example, a spin with 100 frames will be converted to 50 frames (i.e. every second frame shown). If you'd like to show all 100 frames, set image to 100:
You can reduce the number of frames by setting image to a lower value e.g. this sets a limit of 36 frames:
For fast loading, Sirv serves GIFs in the most optimal format, which is usually WebP. This next-gen image format supports animation and transparency like GIF, but optimized to a much smaller file size. If a browser does not support WebP, then a GIF is served.
If you specifically require GIF format, you can apply the format=gif parameter. You can also apply the gif.lossy parameter to compress your GIF and make it smaller:
The following GIF rotates by 60 degrees right (R60), goes to 240 degrees (G240), then zooms by 100% (Z100) while rotating left by 80 degrees (L80):
Photography: Martini Studios
The following GIF jumps to 180 degrees (G180), zooms to 100% (Z100) while rotating left by 120 degrees (L120), zooms out to 0% (Z0) while rotating right by 180 degrees (R180), then rotates right by 200 degrees (R200):
The following GIF jumps to 220 degrees (G220), rotates 220 degrees right (R220), then zooms to 70% (Z70) while rotating 80 degrees left (L80):
The following GIF rotates 180 degrees left (L180), then 180 degrees right (R180):