Why Is Post Image Blurry?

The post image is blurry compared to the same size image when placed via shortcode in cornerstone. Is there a reason for this? Can you tell me if I am doing something wrong and how to fix so a post image isn’t blurry. Thank you!

Hi There,

Would you mind giving us the URL where this issue exist? We would like to investigate and check the actual source code to see the difference. It should be the same. but yeah I can see the image below is not clear enough.

I re-created this on a different page since I just decided to make something else work on the homepage. http://muvztoinspire.com/about/

This was done by placing and image shortcode and then adjusting style width (one on top). And the one below is done with text, adding image and then in visual changing the custom size to 200px.

Hello There,

Thanks for updating in!

The image you have inserted via insert media is cropped medium size version:

The image you have used in the image shortcode is a full version of the image.

And since you added an inline css style width: 200px, the full image were squeeze together just to have a maximum width of 200 pixels.

Hope this explains it.

Yes, that explains it. I wonder if it’s a Wordpress issue. It would be nice to be able to add media and then custom size it without the blur. Thanks.

You’re always welcome!

Image shortcode or image element in Cornerstone doesn’t support cropped thumbnail/medium/large size. It will always get the original/default image size.

I figured out how to get the blur to go away. You just delete the -150x150 in the href="" part before the .png or other extension. That way the href is just the normal url with no size specs and then the width="" and height="" can be set.

Hey There,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

All the best.