Images are showing up not in full resolution

[JJ_Herms]

On my store we are trying to show the insides of our planner product. For some reason the image I upload loses some resolution and is missing important details for our product. Ive tried to compress the images, resize them, and change formats to see if that was the issue but even with all those different variations the image still shows up missing resolution.

When I zoom in (on the shopify store) the resolution shows up but if its at a standard 100% zoom it looks awful.

Any ideas on how to fix this or why its happening?

I added below a photo of the original file I'm uploading and the final outcome when its on shopify to see the difference.

[InsightTech]

Actually you need to work on your store design and magnify all your products. I have more idea on how you can possible do it