- This topic has 11 replies, 4 voices, and was last updated 7 years, 6 months ago by Sakin.
November 22, 2014 at 4:24 pm #47900MichaelaParticipant
I realized that the featured image is always blurry, no matter how good the quality of my upload is. Could you please explain and how to change this? This image is pretty much the first impression that readers get (and it’s also visible in the featured post slider), and it looks cheap when it’s blurry.
Cheers!November 23, 2014 at 10:22 pm #47948
@Michaela: Can you post in your site URL and let me know which image are you talking about. Then I can check in and send you the details about it.November 24, 2014 at 9:39 am #47982
@Michaela: I check in your images in the slider. Our theme has nothing to so with your image blurred. As the image file you have uploaded is quite blurred.
travelintense.com/wordpress/wp-content/uploads/2014/11/dominica_middlehamfalls-1279×550.jpgNovember 24, 2014 at 4:51 pm #47992MichaelaParticipant
the problem is that even pictures with a size of 200kb are shown blurred. Of course, if I upload 900kb big pictures, they look good. But that’s not what you should do on a website as it will slow the loading down and use a lot of space. Also, the quality only needs to be really good in the slider, but not on top of a post. Any thoughts how I can compress pictures to a small size and keep quality?
CheersNovember 24, 2014 at 11:36 pm #48013
@Michaela: Try just reducing the image quality little but like make the quality 60 or 70. So, the image size will be about 400kb and so on.
If you have large images then you can use the cache plugin to lead the images from cache. Check out W3 Total Cache plugin.April 17, 2015 at 4:41 am #55964
We are having issues with some of the existing thumbnail images appearing blurry (Related Products, Product thumbnails, ect.)
I have used the tool to Regenerate Thumbnails and are still noticing they are blurry – when you click to view the image, the enlarged view looks good.
Here is a link to a product page where the thumbnails are blurry…
And where some or all of the images may have been uploaded too small…
We have over 1500 images that have been uploaded by my client’s assistants over the past few years.
What is a recommended size we should upload? Would it be possible to clear up older thumbnails so they look sharp? The client is starting to add new content and I already know some of the images are too small – we need to set a standard for online images.
Please advise, thank you!
~tscpApril 17, 2015 at 9:53 am #55978
@tscpgraphics: I see that you are using WooCommerce plugin and those images are from WooCommerce. For that go to “WooCommerce => Settings => Products => Display” and change the image size as per your need. For that product page (Single Product Image), you need image of at least 556px width and for Product Thumbnails, you need image of at least 171px width. So, change that from WooCommerce setting and then regenerate thumbnail. This is not from our theme and it’s settings from WooCommerce you need to manage.April 17, 2015 at 8:55 pm #56011
I foundsuggested sizes for Product Image Sizes somewhere online and knew exactly where they where, this is what we currently have:
Catalog Images: 300x300px
Single Product Image: 600x600px
Product Thumbnails: 100x100px <–i changed to 171x171px)
Also, all settings have Hard Crop selected – should we uncheck this? I want to make sure I have all the setting correct before I regenerate the thumbnails again.
In regard to uploading images, some have been only 400 width x 600 height. For best results, all images recommended would be a minimum of 600×800, correct?
I do not see a place to set the size of the RELATED PRODUCTS …and it’s strange because we never had that below are product description until we switched to the Catch Responsive theme last month. For course I looked in the WooCommerce Product Image Setting where the above listed are. Would there be somewhere else I should for the RELATED PRODUCTS setting?
Thanks for your help!!
~tscpApril 17, 2015 at 11:05 pm #56030
@tscpgraphics: Yes, please refer to WooCommerce plugin documentation. We haven’t added anything in our theme to compliment with WooCommerce plugin. Yes, you need to upload large image and then regenerate the thumbnail again once you change those images settings.April 18, 2015 at 4:24 am #56064
okay, i will look into that – thanks for all your help! ~tscpSeptember 10, 2015 at 4:31 am #66605lorencowkaMember
My travel blog is mostly about photos. I post only good quality sharp images but once they are in my blog they do not look sharp. On some computer they look better than on another. Strange, they look really nice on my phone. I am currently working on post from Montreal Notre-Dame Basilica and my pictures are stunning. I can see every little detail, shades of light etc. Other people were telling me before that my photos on Facebook look much better than the ones they see in my blog. The basilica photos showed me how much sharpness is gone. I was aware about the compression issue so I always resize my images before I upload them. That does not help. I put so much effort into my pictures but my viewers are not able to see it. Is there anything that could be done? Please help, it is so discouraging!
YvonneSeptember 10, 2015 at 11:52 am #66624
@lorencowka: Maybe you want to check this tutorial http://www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/ or you can use SimpleJPEGQuality plugin.
- The topic ‘Featured image blurry’ is closed to new replies.