Featured Product Image Blurry

Featured Product Image Blurry

isaacdob
Excursionist
65 0 1

Every image I upload to the featured collection is blurry. I limited each row to one product but want the image to be full size on the home page. Does anyone know how to fix the quality but keep the sizing? 

Website - www.evrenclothing.com

Password - chewno

Replies 3 (3)

GTLOfficial
Shopify Partner
880 182 193

Hello @isaacdob 
As i have checked your image is 640x800px and the theme you are using is "North".
Ensure that the images you are uploading are of high resolution and quality. Low-resolution images can appear blurry when enlarged or displayed in larger dimensions.
Opt for images with a resolution of at least 1920 pixels wide for full-width display on most screens. Higher resolutions (like 2500 pixels or more) can provide better quality on larger screens.
Avoid excessive compression when saving or uploading images.

If you are still facing issue, then you need to consult with the web developer or designer.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

PageFly-Amelia
Shopify Partner
626 165 238

Hi @isaacdob 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

There are a few reasons why your featured collection images might be blurry on Shopify, even though you limited the rows and want them full size:
- While Shopify allows images up to 4472x4472 pixels, it might be automatically resizing them for display. Ensure your uploaded images are at least the size you want them displayed at.
- Shopify's featured collections typically use square images. Double-check that your images are square (width and height equal) or can be cropped effectively into squares.
- Some themes have an "Image Ratio" setting in theme settings. Try changing it from "Crop" to "Adapt to image" or a similar option that displays the full image without stretching.
-  Start by uploading images in a high-quality format (JPEG, PNG) without excessive compression.
 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

 

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

isaacdob
Excursionist
65 0 1

Thanks for getting back to me. I updated the image at a higher resolution but it still seems to be coming out blurry. Is their any code that could fix this. I would love to work with you on this.