Hyper Zoom is SmartFrame’s unique approach to zooming images. When enabled, with each tap viewer will load the image in increasingly higher resolution. Thanks to SmartFrame technology, the quality of the zoomed image will be increased with each zoom level, so the viewer will always be able to see image details in the highest available quality.

In the Admin Panel, you can to adjust the zoom level (or switch Hyper Zoom off completely). SmartFrame allows up to three levels of zooming: 200%, 300% and 400% of the SmartFrame size. What it means in practice is that if 400% zoom is enabled, with each click user will see the images zoomed:

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

Note: In order for the Hyper Zoom to work, the original image needs to be big enough. In order to preserve the quality of the image, Hyper Zoom will never upscale it, so if the original image is only twice as big as the SmartFrame, only one level of Hyper Zoom will be available. 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 image below to experience how Hyper Zoom works on SmartFrames:

Hyper Zoom is a desktop-only feature – you can read more about zooming SmartFrame on mobile here.

In order to preview the Hyper Zoom functionality with an actual SmartFrame, you can click on the Preview button at the bottom of the page. It will open a full preview of the theme, including the changes you’ve just made, even before you save them. Once you’re happy with the results, you can save the changes by clicking on the Save button.