Fixing blurry Woocommerce featured images

Job ID: 36643695

Budget: €8 – €30 EUR

I am in need of a skilled freelancer who can help me fix the issue of my Woocommerce featured images appearing blurry. The current size of my imagesis 600x600 but I have tried larger and smaller sizes. I use optimization plugins to enhance the website's performance (Smush, Webp). The staging website can be found here: https://wordpress-1002928-3534788.cloudwaysapps.com/.

The problem is that when I upload images in the right size for desktop (293x293), they appear perfectly on desktop but blurry on mobile (especially iPhone). When uploading at 600x600 they appear blurry everywhere.

I have tried the Woothumbs plugin and trying to resize thumbnails but apparently the problem is hard coded in the theme. I need a solution that works with my child theme to be safe from future updates.

Ideal candidate should have experience in:

- Woocommerce development
- Image optimization techniques and plugins
- Troubleshooting blurry images
- Understanding of website performance optimization

The scope of work includes:

- Analyzing the current image size and optimization settings
- Identifying the cause of the blurry images
- Implementing solutions to improve image quality without compromising website performance
- Testing and verifying that the images display at the desired quality level

I am looking for someone who can complete this project in a timely manner and provide ongoing support if needed. Thank you for your interest in my project. Please don't send me any automated replies.
Related categories: PHP WordPress CSS HTML WooCommerce