Hi,
Is there a way to keep a product image the original size when it is being clicked instead of enlarging it in the website?
The pictures become blurry due to a smaller size and we want to keep it small.
Thank you in advanced.
Before being clicked
After click
It sounds like the issue is with the original size of your product images. If they’re too small, enlarging them will inevitably lead to blurriness. Here are two suggestions to solve this:
Use Larger Images: Start with larger, high-resolution images for your products. This ensures that when they’re clicked and enlarged on the website, they maintain their clarity and detail.
Modern Image Formats: Consider converting your images to modern formats like WebP. WebP offers better compression and quality characteristics compared to traditional formats like JPEG or PNG, which means you can have high-quality images that load faster and look better on your website.
Before uploading the new images, make sure they’re optimized for web use to balance quality with load times. Tools like instasize.com can help with resizing and optimizing images without losing clarity.
Hi Hector22,
Thank you for the reply.
Yes the images are small but is there a way for Shopify not to enlarge the image?
