How to Create

  1. Click Generate.
  2. Select the depth map you want to render.
  3. The main image will be updated with you picture.
How to Create

How to Visualize


An autostereogram is an optical illusion of depth usually observed by allowing the eyes to focus behind the image (diverge), or, less often, in front of it (converge). These two visualization methods are known as wall-eyed and cross-eyed, respectively.


Hold the picture in front of the face, with the nose touching the picture. With the picture so close to their eyes, most people cannot focus on the picture. The brain may give up trying to move eye muscles in order to get a clear picture. If one slowly pulls back the picture away from the face, while refraining from focusing or rotating eyes, at some point the brain will lock onto a pair of patterns when the distance between them matches the current convergence degree of the two eyeballs Stare at an object behind the picture in an attempt to establish proper divergence, while keeping part of the eyesight fixed on the picture to convince the brain to focus on the picture. A modified method has the viewer focus on their reflection on a reflective surface of the picture, which the brain perceives as being located twice as far away as the picture itself.


For crossed-eyed autostereograms, a different approach needs to be taken. The viewer may hold one finger between their eyes and move it slowly towards the picture, maintaining focus on the finger at all times, until they are correctly focused on the spot that will allow them to view the illusion.


Go to Top

The Magic Image is a autostereogram generator. An Autostereogram is an image designed to create the visual illusion of a three-dimensional (3D) scene from a two-dimensional image in the human brain.


The Magic image is an open source project developed and designed by Cobalys. Some parts of the source code and the textures used for the design use and are based in other open source projects and Creative Commons Media.

Third Party Media and Code included

  • Autostereogram Engine by Denilson Sá.Link
  • Depth map of a Shark by Hsu, March 2005.Link
  • CSS3 Github Buttons (Nicolas Gallagher).Link
  • Stereogram pattern by ~Camxso.Link
  • Diamond pattern by Parée Erica.Link
  • Papper pattern by

Powered by:

Magic Cards
Magic Cards
Magic Cards