Hyper Zoom is SmartFrame’s unique approach to zooming into images.

This technology allows the viewer to zoom into a SmartFrame image without any visual degradation. It works by loading image details required by the user in realtime so that they only see what’s demanded at that particular moment. As the viewer zooms further into the image, extra detail in the relevant area is delivered. This system also helps to keep image delivery as efficient as possible.

Hyper Zoom works upon a single (left-button) click of a mouse or trackpad. There are three possible levels of zoom:

  • 1st click: 200% zoom
  • 2nd click: 300% zoom
  • 3rd click: 400% zoom
  • 4th click: back to the original size

In order for Hyper Zoom to work, the original image uploaded to SmartFrame needs to be high enough in resolution to satisfy the container width of the image and the dimensions and resolution of the display on which it is viewed. This is because, in order to preserve the quality of the image, Hyper Zoom will never upscale it. If the original image is moderately larger in its dimensions than the size of the viewed SmartFrame, you may find that only one level of Hyper Zoom will be available.

This also means that the extent to which Hyper Zoom is available will depend on part on the display on which the SmartFrame is being viewed. A small display with a moderate resolution will be less demanding on an image than a larger display with a higher pixel count.

Hyper Zoom is permanently enabled for SmartFrames, and will only be unavailable if the image within a SmartFrame does not have a sufficiently high enough resolution.

Keep in mind that the Hyper Zoom feature is disabled if you are using the SmartFrame Web Component with the –sf-image-size: contain or –sf-image-size: cover styling option.

Click on the SmartFrame below to experience how Hyper Zoom works:

Please note: The user experience when zooming into SmartFrames on mobile devices is different to what’s described above. You can read more about zooming SmartFrame on mobile here.