search

spinningarrow / zoom-vanilla.js

Medium's image zoom in vanilla JS (no jQuery).
https://code.sahil.me/zoom-vanilla.js/
MIT License
234 stars 22 forks source link

Image blurry on zoom #45

Closed jweissig closed 5 years ago

jweissig commented 5 years ago

I have spent a few hours trying to debug this but cannot seem to find the cause. I am using your great plugin (v2.0.6) with bootstrap on my website. But, the images are blurred when you click to zoom. It just appears to be a few pixels off but makes them looked a little washed out.

You can see this in action here: https://sysadmincasts.com/episodes/58-simple-deployment-pipeline

Here is a side by side comparison. Left is blurred image on zoom. Right is original image.

side-by-side

Any ideas?

jweissig commented 5 years ago

Closing this. Adding a higher resolution image seems to fix the problem for me. If you find yourself here via Google, try adding a larger resolution image and see if that fixes the problem for you too.