Why are my blog photos blurry with the Studio theme?

[SweetViolet]

All of the photos posted on my blog are blurry using the Studio theme, I've tried different sizes (bigger/smaller), jpg/png, matching to dimensions etc but nothing is improving the appearance.

I'm pretty sure I can delete the dimensions in the code but I don't know where to find them.

I noticed that when I preview the photo in Content - Files it appears crystal clear. So there is some issue with inserting it in the blog post. 

If anyone has any suggestions I would really appreciate it. 

[Dan-From-Ryviu]

Hi @SweetViolet 

You can solve the issue with your image from Shopify admin > Online store > Themes > Customize > select Blogs on drop down menu at the top center > Blog post > Featured image height > select Adapt to image.  

[SweetViolet]

Hi Dan, thanks for your reply. The featured image height is already set for Adapt to Image, I am looking for a way to make all of the photos in the content of my blog posts less blurry by deleting the specifications for blog photo size, as I read on another post that this worked for other people on their Product and Collection pages. Let me know if you think this could work or if you have any other suggestions.

[Dan-From-Ryviu · Accepted solution]

It has an option to select image size when uploading images in blog post

[SweetViolet]

Yes I think that is it! I have tried before to insert as Original Size and it was so huge it took me forever to shrink the image down in the blog with those little arrows, so I was inserting it at 1024x1024 and I think that was distorting it. This time I exported from Lightroom keeping size under 200kb, dimensions at 900x1350 and then inserted at Original Size - fixed it!