My images are blurred with the zoom
Full Page Zoom displays your product images in full-screen. So, if you have small or low-resolution images they may blur. Shopify suggests uploading high-resolution images, equal to or above 2048px by 2048px in size, as documented in this Shopify article.
By choosing an appropriate size for your images, Full Page Zoom won't blur them when zoomed in on most screen sizes.
If for whatever reason, you don't have high-resolution images, our app offers an option to display the zoomed image in its original size to prevent the blur effect (Overlay preferences):
My images are high-resolution
The Full Page Zoom app will never make any changes to the resolution of your images. It will just provide a zoom effect on the browser but nothing changes on your Shopify admin.
Shopify keeps several versions of the images; however, the app can use the highest-resolution version of your pictures available in your Shopify admin. To take advantage of that, you should consider setting the app to display them " No bigger than 2048 x 2048 pixels" or "Highest resolution available".
You can select the size of the zoomed image with the following option on the app preferences page. Just do the following:
- In your Shopify Admin, go to the Apps section
- Find your Full Page Zoom
- Tap on Zoom preferences> Zoomed Image size
If after this change you still see blurred images, it is possible that they are not stored in Shopify in the highest-resolution version. That can happen if you used an app or tool to upload the pictures or if you tried an app for image optimization.
In order to offer non-blurry images, it's required that they have a high resolution; otherwise, a higher zoom would make the image look even blurrier. Shopify adapts the images to multiple sizes when they are uploaded, but they recommend a 2048x2048 pixels resolution to avoid blur images.