Wiggle Stereoscope

Name: Wiggle Stereoscope
Brand: Cloudinary
Rating: 4.6 (25 reviews)

Create a wigglegram online with a free wiggle stereoscope generator. Drop your photo below to turn it into a looping 3D animation in seconds

🖼️ Scaling millions of product images? 💡Automate, optimize, and deliver faster. 👉 Talk to a Media Expert

Wiggle Stereoscope Generator

Upload a photo and generate a wiggling 3D animation from it - no glasses needed. A depth map is estimated from the image and used to rock between perspectives.

Or drag your image here

Supports JPG, PNG, WebP, GIF (Max 20MB)

Preview

Live preview wiggles right in the browser - the downloaded GIF matches exactly what you see here.

Depth Calculation

Preview Depth Map

Shows the raw depth estimate as grayscale - brighter areas will shift more. Useful for confirming what a Depth Calculation method is actually doing before judging the wiggle itself.

Depth

View Offset 12px

Depth Strength 0.6

Invert Depth

Animation

Number of Frames 8

Even numbers loop most smoothly.

Wiggle Speed 12 fps

Loop Animation

Output

GIF Quality 80

Higher quality takes longer to encode.

★★★★★

4.6 (25 reviews)

Looking to build 3D and depth effects into your own app?

Free Wiggle Stereoscope Generator

Easily turn a photo into a wigglegram online, instantly and effortlessly. No stereo camera, no plugins, no installation. Simply drop your image into our generator, adjust the depth, and receive a looping animated GIF in seconds.

Why choose our wiggle stereoscope?

You can create a wigglegram on the fly, securely, ad-free and inside your browser. Developers can get an API to handle image upload and delivery at any scale!

3D from a single photo

No stereo pair and no depth sensor. Per pixel depth is estimated from the image itself, so any ordinary photo can become a wigglegram.

Image Enhancement

Whether it’s 3D animations, interactive product displays or real time filtering, Cloudinary’s API covers a wide spectrum of image enhancement features. Developers can easily make older images look amazing again!

Performance Optimization

Automatic optimization ensures that images are delivered in the best quality and format based on the user’s device, browser or connection. Automatically apply the most efficient format!

Four depth methods, live preview

Read depth by brightness, saturation, warmth or a combination of all three. A Preview Depth Map shows exactly what the tool sees as near and far, and the animation updates as you adjust it.

Workflow Automation

Create automated workflows on preset configurations. Save time and ensure that files are transformed and ready to deliver automatically after upload.

Image Formats Versatility

Go beyond GIF. Support for cutting edge formats like AVIF, JPEG-XL and HEIC ensure that visual assets are delivered in formats that offer the best combination of quality and efficiency.

How to create a wigglegram

Use the wiggle stereoscope in 3 simple steps, or sign up for Cloudinary to handle image delivery for thousands of assets programmatically!

Upload your image

Upload and drop your JPG or PNG photo into the generator

Adjust the settings

Adjust the depth method, offset and frame rate until the preview looks right

Download Media

Once the animation is complete, download your looping GIF.

Explore Beyond Wiggle Stereoscopes

Explore more depth and retro effects for your images: Red-Cyan 3D Anaglyph, VHS Effect.

A woman and a golden retriever in the mountains. They're sitting, facing away from the camera while the dog noses the woman. They're surrounded by natural splendor including majestic mountains, puffy clouds, and evergreen-studded hills. — An un-cropped image overlaid with a cropping window showing how it would be cropped by Cloudinary.

Original: 18 MB
We’re showing a resized version of the original asset to avoid slow loading speeds. View the original.

JPEG: 135 KB
WebP: 135 KB
AVIF: 90 KB
JPEG XL: 94 KB

Original: 18 MB
We’re showing a resized version of the original asset to avoid slow loading speeds. View the original.

JPEG: 135 KB
WebP: 135 KB
AVIF: 90 KB
JPEG XL: 94 KB

Duration: 1:42

Duration: 0:15

URL:

/ar_0.5,c_fill,g_auto,w_433/q_auto/f_auto/hiking_dog_mountain.jpg

cloudinary.image("hiking_dog_mountain.jpg", {transformation: [
  {aspect_ratio: "0.5", gravity: "auto", width: 433, crop: "fill"},
  {quality: "auto"},
  {fetch_format: "auto"}
  ]})

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

CloudinaryImage("hiking_dog_mountain.jpg").image(transformation=[
  {'aspect_ratio': "0.5", 'gravity': "auto", 'width': 433, 'crop': "fill"},
  {'quality': "auto"},
  {'fetch_format': "auto"}
  ])

(new ImageTag('hiking_dog_mountain.jpg'))
	->resize(Resize::fill()->width(433)
->aspectRatio(0.5)
	->gravity(
	Gravity::autoGravity())
	)
	->delivery(Delivery::quality(
	Quality::auto()))
	->delivery(Delivery::format(
	Format::auto()));

cloudinary.url().transformation(new Transformation()
  .aspectRatio("0.5").gravity("auto").width(433).crop("fill").chain()
  .quality("auto").chain()
  .fetchFormat("auto")).imageTag("hiking_dog_mountain.jpg");

cl_image_tag("hiking_dog_mountain.jpg", transformation: [
  {aspect_ratio: "0.5", gravity: "auto", width: 433, crop: "fill"},
  {quality: "auto"},
  {fetch_format: "auto"}
  ])

cloudinary.Api.UrlImgUp.Transform(new Transformation()
  .AspectRatio("0.5").Gravity("auto").Width(433).Crop("fill").Chain()
  .Quality("auto").Chain()
  .FetchFormat("auto")).BuildImageTag("hiking_dog_mountain.jpg")

cloudinary.image('hiking_dog_mountain.jpg').transformation(Transformation()
	.resize(Resize.fill().width(433)
.aspectRatio(0.5)
	.gravity(
	Gravity.autoGravity())
	)
	.delivery(Delivery.quality(
	Quality.auto()))
	.delivery(Delivery.format(
	Format.auto())));

imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()
  .setAspectRatio("0.5").setGravity("auto").setWidth(433).setCrop("fill").chain()
  .setQuality("auto").chain()
  .setFetchFormat("auto")).generate("hiking_dog_mountain.jpg")!, cloudinary: cloudinary)

MediaManager.get().url().transformation(new Transformation()
  .aspectRatio("0.5").gravity("auto").width(433).crop("fill").chain()
  .quality("auto").chain()
  .fetchFormat("auto")).generate("hiking_dog_mountain.jpg");

cloudinary.image('hiking_dog_mountain.jpg').transformation(Transformation()
	.resize(Resize.fill().width(433)
.aspectRatio(0.5)
	.gravity(
	Gravity.autoGravity())
	)
	.delivery(Delivery.quality(
	Quality.auto()))
	.delivery(Delivery.format(
	Format.auto())));

cloudinary.image {
	publicId("hiking_dog_mountain.jpg")
	 resize(Resize.fill() { width(433)
 aspectRatio(0.5F)
	 gravity(
	Gravity.autoGravity())
	 })
	 delivery(Delivery.quality(
	Quality.auto()))
	 delivery(Delivery.format(
	Format.auto())) 
}.generate()

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

Frequently Asked Questions

What is a wigglegram?

A wigglegram is an animation that rocks back and forth between slightly different
viewpoints of the same scene. The rapid shift between perspectives is read by the brain as depth, which produces a 3D impression without glasses or a special screen. The format comes from stereo photography, where two images captured a few centimetres apart were alternated to show parallax. Because the effect relies on motion rather than on filtering colour channels, a wigglegram plays anywhere an animated GIF plays, including phones, messaging apps and social feeds.

What is a wiggle stereoscope?

A wiggle stereoscope is the tool that produces a wigglegram. Traditional versions needed a genuine stereo pair, two photographs taken a short distance apart, and simply alternated between them. This generator works from one photo instead. It estimates a depth value for every pixel using cues such as brightness, colour saturation and warmth, then shifts each pixel horizontally in proportion to that depth to build a series of synthetic viewpoints. The result is a plausible reconstruction of depth rather than a measurement of it, which is why photos with clear foreground and background separation give much stronger results.

Is it free to use?

Yes, it’s free to use online. Just upload your image and download the result.

Can developers automate this?

Not as a single API call. The depth estimation that drives the effect runs in your
browser, and Cloudinary has no transformation that generates a depth map from a photograph. What developers can automate is everything around it: upload, storage,
transformation and delivery for every image an app touches, all from one URL. Sign up for the free API to build that part once and reuse it across your whole library.

Why to create a wigglegram?

A wigglegram grabs attention in a feed because it moves, without needing video, sound or a player. It works as a profile image, a product shot with a sense of depth, a nostalgic photo effect, or a lightweight alternative to a 3D render. Unlike a red and cyan anaglyph it needs no glasses, so anyone can see the effect immediately. The output is a standard animated file, so it can be posted, messaged or embedded anywhere without a plugin.

How can I further optimize the animation for the web?

Keep the frame count moderate and the dimensions modest. Animated files grow quickly with both, and a wigglegram reads perfectly well at a small size because the effect comes from motion rather than detail. Lower the quality setting if the file is still large. For a website, serving the animation through an optimised delivery URL will compress it further and pick the best format for each browser automatically, rather than sending the same file to everyone.