WordPress Tutorials

How to fix blurry product images in WooCommerce

It is not uncommon for us to see support tickets with issues with regarding WooCommerce product images appearing blurry, and the solution is actually super simple. I wanted to cover the steps today on how to fix this very common issue.

Let’s fix those blurry product images

The first thing you’ll do is go to the Image Sizes, Colors & Fonts page from the theme setup documentation for your particular theme. On this page there will be the exact dimensions that are best for all the thumbnails in your theme. A lot of our customers do not realize this page is available, but it is super helpful and not only will give you image sizes, but the colors used in our demo and fonts as well!

Once you have the exact image sizes you need for the products you can now navigate to Appearance > Customize > WooCommerce > Product Images from your WordPress dashboard. When you scroll to the lower part of this page you will insert the exact image sizes needed for your theme:

Now you are almost done . . just one more step!

Once you have added your specific theme sizes and saved the information you will want to run the Regenerate Thumbnails plugin. You’ll want to allow this plugin to run to 100% in order for it to work properly, so be patient if you have a lot of images.

If you are still seeing your product thumbnail images blurry at this point, don’t worry, you will likely just need to clear your browser cache.

Stephanie Hellwig

Stephanie is a Mom to 5 beautiful daughters and loves to teach all things WordPress. Are you struggling with your website? Reach out and let's get it set up, customized or just fixed up so you love it and it works for you! StephanieHellwig.com

3 Comments

Gillian Trethewey says:

at

This is a great reminder to regenerate those thumbnails!

In order for this to work, you need to start with images that are the same size or larger. Smaller images that are magnified will become blurry even if you do resize them and regenerate them.

Thanks for a great article Stephanie and Lauren!

Reply
Sharon Hankins says:

at

I don\’t see a \”Display\” option in my dashboard = Woocommerce > Settings > Products??
Do you know if this has changed recently? I\’ve looked everywhere in all the settings options for where to change display and cannot find where I can do this.
Thanks so much for this info. I\’m so glad I found this post as my images are looking blurry.

Reply
1. Lani Padilla says:
  
  at
  
  Hi Sharon,
  Yes …. this has moved to the customizer. You’ll find it in Appearance > Customizer > WooCommerce > Product Images.
  
  Reply

Leave a Reply Cancel reply

Similar Posts

View all recent posts

Kadence Users: Are You Making These Website Mistakes?

Protect Your Blogging Legacy: Plan Ahead, Secure Your Future, & Protect Your Peace of Mind

Kadence Tutorials

How to Add an LTK Icon to Your Kadence Social Icons

The Blogpreneur Planner: Your Ultimate Goal-Setting Tool!

What our Customers have to say

Customer support was fast and friendly. I’ve used Restored 316 before and love their products and services. The theme support is organized and helpful as well.

For a long time, I’ve been wanting a website refresh but I didn’t know where to start. As soon as I saw the Anne theme I knew it was perfect for my wedding stationery website. It is elegant and refined and contains so many ways to convert potential customers into clients. The About Me and Experience pages are phenomenal! I choose to have Refined 316 set my site up to save time and I’m really glad I did. I had a few questions and customer support was fast and friendly. I’ve used Restored 316 before and love their products and services. The theme support is organized and helpful as well. Thank you, Lauren!

Sarah

Elmwood Paperie

This was the quickest website update I’ve ever been able to accomplish – thanks to the awesome tutorials offered on the site.

I just purchased the Create theme and this was the quickest website update I’ve ever been able to accomplish – thanks to the awesome tutorials offered on the site. I finally feel like I have a website that reflects my personality. ~Jen

Jen

Noting Grace

My website is now everything I wanted it to look like!

I could never get exactly what I wanted from my blog until I found the Kadence Rosemary theme. My website is now everything I wanted it to look like. And I’m loving the option of kadence blocks from other Restored 316 themes to make it completely customized to me!

Emma Lee

The Irishmans Wife

I wanted a faster, more modern updated look and that has now been accomplished. I am also excited to start focusing on monetization and the Rosemary theme already has the framework built in to allow me to sell.

I recently purchased the Rosemary theme and I have updated my site. I just wanted to let you know how much I love my blog now. The rosemary theme fits my food/lifestyle blog perfectly. It was so easy to update my site from my old theme to Rosemary and it looks 1000 times better. I didn’t think it looked that bad before. But I wanted a faster, more modern updated look and that has now been accomplished. I am also excited to start focusing on monetization and the Rosemary theme already has the framework built in to allow me to sell. I’m looking forward to seeing what I can accomplish in the coming year.

Veronica

Nosh Nourish Wander

I highly recommend Restored316 themes to anyone who wants a beautiful, fast website that’s easy to customize.

I’m so grateful for coming across the June theme! It was exactly what I was looking for. I also love that it came with a sales page and Instagram page template. It’s so important for me to direct traffic directly to my website rather than third-parties, so it worked perfectly. I highly recommend Restored316 themes to anyone who wants a beautiful, fast website that’s easy to customize.

Jo

The Virtual Mama

I wouldn’t have been able to do it successfully and seamlessly without your themes and help. Restored 316 will have a permanent home in my Favorite Things section!

I was able to rebrand my website with the use of your themes. I currently have the Farmhouse Theme, Conversion Callouts, Glamour Instagram bundle, Glamour Theme (Genesis) and I wouldn’t have been able to do it successfully and seamlessly without your themes and help. I have had people inquire about my website and I would love to share what you have graciously shared. As I am building up the pages of the website, Restored 316 will have a permanent home in my Favorite Things section.

Angie

I love my new website redesign so much, it’s exactly what I was hoping for!

I love my new website redesign so much, it’s exactly what I was hoping for! The themes, blocks and conversion call-outs are fantastic!

Jo-anna

I love how easy Kadence is to use and the ability to customize blocks and each page/post.

I’m finally finished with my new interior design site! I love how easy Kadence is to use and the ability to customize blocks and each page/post. Thank you to this group for being a helpful resource whenever I had questions!

Jennifer