Choose your way to display images in high-res detail
Try 12 image zoom effects that will transform your website
Hover over the images...
Add an image magnify to create a jewellry loupe effect. When hovered, only that area of the image displays a detailed zoom. Prefer a square magnifier instead of circle? The choice is yours!
Improve user experience instantly by giving customers a choice of how they browse your product images. Use a simple cssClass setting to add left/right arrows to either side of the main product image.
Keep any web page layout exactly how it was designed. By using an internal image zoom content remains visible as the image zoom appears within the image area only.
Image zooms show part of an image in detail. But what if you want to show the entire image on hover? You can! Using the preview zoom mode immediately displays the large image. Perfect when your web page is full of small images.
Display images together in an image gallery for ease. Visitors either hover each thumbnail on a desktop or touch with their finger on any mobile device and the main image smoothly swaps with the selected thumbnail image.
Position your zoom window anywhere on the web page to create something special and unique. And when we say anywhere, we literally mean anywhere!
Our image zoom on hover also gives the option to activate and deactivate zoom on click. Do you have a preference? Do you prefer zoom effect to automatically appear when the image is hovered? Or do you prefer activation on click?
Different to the Placeholder option, the Zoom Position option positions the zoom window on any side of the main image. Choose from top, bottom, left, and right.
Use any number of images and be confident your image gallery will always be neat & tidy. Set Magic Scroll to display the ideal number of thumbnail images for your gallery layout. Whether you have 10 or 100 thumbnails, Magic Scroll contains them beautifully in one place.
What is an image zoom?
An image zoom lets you focus on a specific part of an image easily, clearly and close-up.
It's the best tool you have in lieu of a sales person. Its powerful magnify effect allows visitors to see every detail of your image, essential if your website is an online store with the sole purpose to sell products.
Websites with zoomable images instantly look impressive, capturing the attention of visitors and potential customers.
Bigger is better
To create an image zoom on any HTML website, use 2 images (small and large). For Magic Zoom, a ratio between 1:3 and 1:4 normally works very well. For example:
Small image: 450px width
Large image: 1350px width
If you created your website using an eCommerce platform, upload the large image only and the platform will automatically resize each image throughout your online store.
Our motto is: bigger is definitely better! The bigger your large image, the more detailed the image zoom effect will be.