360 product spin in Facebook
Easily embed 360 spins into your Facebook posts with this simple technique. Sirv automatically detects when a spin is being served to Facebook and generates a perfectly optimized animated GIF.
Try this example iPhone spin on the Sirv Facebook page.
Post engaging 360 degree animations of your products or any other type of animation such as video clips.
Embed your spin
Step 1 – Upload a sequence of images to your Sirv account and a spin file will be automatically generated (see how spin files are created). If you don’t already have a Sirv account, create an account here.
Step 2 – Copy the URL of the spin. You can get the URL by opening the spin in a new window (right-click on a spin file):
The URL will look something like this:
Step 3 – Paste the URL of the spin into a Facebook post and write any text you wish to include in the post. It’s normal if Facebook does not show a preview of the animated GIF – the GIF will show as soon as you publish the post.
Step 4 – Publish your post and you’ll see a beautiful spinning animation in your Facebook activity feed.
Change the speed
You can control the rotation speed of an animated GIF with the autospinSpeed parameter of the spin. The default speed is 3600ms (3.6 seconds) to complete one rotation. To choose another speed, go to the Edit option for the .spin file, then go to Autospin mode. To make it faster, reduce the number of milliseconds. To make it slower, increase the number of milliseconds.
Size, frames and interactivity
Spins will be scaled to 500px width – the optimal size for showing high quality animated GIFs in Facebook.
GIFs will be generated with a maximum of 72 frames, ensuring a smooth animation without being excessively large in file size. If your spin has more frames, some will be dropped from the animation. If your spin has fewer than 72 frames, all will be used in the animation.
Clicking the bottom section of the GIF will link to the original URL of the interactive spin at sirv.com, where users can control the spin and enlarge it to full-screen.