Re: Blurry Photos on Blog - Studio Theme

Solved

Why are my blog photos blurry with the Studio theme?

SweetViolet
Explorer
52 0 20

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. 

 

 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
8435 1660 1675

This is an accepted solution.

It has an option to select image size when uploading images in blog postScreenshot 2023-08-02 at 09.43.23.png

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
8435 1660 1675

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.  Screenshot 2023-08-02 at 09.06.35.png

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

SweetViolet
Explorer
52 0 20

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
Shopify Partner
8435 1660 1675

This is an accepted solution.

It has an option to select image size when uploading images in blog postScreenshot 2023-08-02 at 09.43.23.png

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

SweetViolet
Explorer
52 0 20

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!