6MB image in Mobile View pinch zoom resolution is poor

Ask the community
,
1

A desktop view of a 6MB jpg technical drawing is normal and I can zoom in to get details.
Pinch zooming in on the Mobile view is still blurry.
I tried a SVG image but it is limited to 256K upload size.
I tried to embed it in the HTML element but it gets stripped out.

Is there anyway to improve the Mobile resolution.
Can I remove the Mobile View for just this page.

2

This forum is dedicated to Corvid. For questions that are not related to code you can contact the Wix support team . You’ll get better help for your problem there.

3

Wix is optimizing the image to the actual size that it is displayed on. So even if you uploaded a high-res image, and you display it on a small screen, it will be downloaded in the resolution of the small screen.

You can overcome this in 2 ways:

  1. NOT recommended way:
    On your browser do inspect-element of the image. You will see a URL similar to this:
    https://static.wixstatic.com/media/311dce_ac7e2c0b3e8f436abcaade213fcf4d29~mv2.png/v1/fill/ w_1009,h_549 ,al_c,q_90,usm_0.66_1.00_0.01/dasktop. webp

The orange part sets the target width and height of the image. It is auto calculated according to the actual image size in the browser. Take the URL, replace the dimensions with the original dimensions of the image.
Also make sure you replace “.webp” with “.png” or “.jpg” according to the original format of the image.
Now take the result and use Corvid code to set the image URL to what you’ve got. For example:

$w.onReady(function () {
  $w("#image1").src="https://static.wixstatic.com....";
})

Note that this will make ALL clients download the original image and will make your website much slower. Therefore I do NOT suggest you use this option.

  1. Recommended way:
    The other option that I suggest is to use one of galleries that are available from the add panel of the editor. You can set them to show the large image on-click.
    So even if you have just one image, put it inside a gallery, and let the gallery do the work.
4

Is it possible to have the full image resolution in the mobile product zoom overlay?