Hyper Zoom is SmartFrame’s unique approach to zooming into images.
This feature allows the viewer to zoom into a SmartFrame image without any visual degradation. It works by loading the image details required by the user in real time. As the viewer zooms into the image, additional detail is delivered to the required area, which also helps to keep image delivery as efficient as possible.
Hyper Zoom is activated with a single (left-button) click of a mouse or trackpad. Please note that the zoom stages are calculated per image. The Hyper Zoom algorithm is designed to respond geometrically so that particularly high-resolution images do not have several unnecessary zoom stages.
Click on the SmartFrame below to experience the Hyper Zoom feature.
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’s viewed. This is because, to preserve the image’s quality, Hyper Zoom will never upscale it. This also means that some images may only have one or two levels of Hyper Zoom will be available, if they have any at all.
The extent to which Hyper Zoom is available will also depend in 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, for example.
Hyper Zoom slider
The Hyper Zoom slider allows you to see the extent to which you are zoomed into a SmartFrame image at any particular moment.
Hyper Zoom slider in normal viewing mode
When viewing SmartFrame images in the normal mode, the Hyper Zoom slider is enabled on all SmartFrame images as standard. It appears while zooming and disappears after four seconds of inactivity. Once the user navigates away from the image, the slider and all other interactive features vanish to leave an unobstructed view of the image’s content.
Hyper Zoom slider in Full-screen and Full-window modes
While the Hyper Zoom slider only appears as the user interacts with an image, it is displayed when viewing an image in either the Full-screen mode on a desktop device or the Full-window mode on a mobile device by default, and disappears after four seconds of inactivity. Read more about zooming into SmartFrames on mobile devices.
Although the primary function of the slider is to show how far into an image a user has zoomed, clicking on the + and – controls on either side of the slider also has the effect of regulating the zoom itself. It’s also possible to drag the slider between the left and right extremes to perform the same action.
Availability
Hyper Zoom is permanently enabled for SmartFrames, and will only be unavailable if the resolution of the image within a SmartFrame is insufficient.
The feature is, however, disabled if you are using the SmartFrame Web Component with the -–sf-image-size: contain or -–sf-image-size: cover styling option.