Hello! My website www.americanblues56.com and I’m using the ride theme. I’ve uploaded photos for banners and collection photos however they appear blurry on a desktop and a mobile phone. I’m not sure what to do to fix this, as I also want to make sure that the images to not appear cut off on mobile sites. Can someone please help, thank you!
Hello @MandyRenee56 ,
If the photos you have uploaded for banners and collection photos appear blurry on desktop and mobile devices, it may be due to incorrect image sizing or compression settings. Here are some suggestions you can try:
1. Resize and optimize your images: Use an image editing software or online tools to resize and optimize your images before uploading them to your Shopify store. Follow these best practices:
- Use the recommended image dimensions provided by your theme or template.
- Save images in a suitable file format, such as JPEG or PNG.
- Balance image quality and file size by adjusting the compression level. Aim for a balance between image clarity and file size. Reduce the file size without sacrificing too much quality.
2. Clear browser cache: After replacing the images, clear your browser’s cache to ensure that the updated images are loaded when you view your store. Browsers often cache images to improve loading speed, so clearing the cache helps ensure that the latest versions are displayed.
3. Test on different devices: Once you have made these changes, test your store on different devices, including desktops, laptops, tablets, and mobile phones. Verify that the images now appear clear and crisp on all devices.
Hope this can help.
Ali Reviews team.
1 Like