Solved

Dawn Theme: How can I force the main photo on my page to render in higher quality on desktop?

guisemen
Excursionist
31 2 3

I'm willing to sacrifice some site speed in order to make the photo look a little cleaner.  Any guidance would be greatly appreciated.

 

https://guisemen.com/

-Will
Accepted Solution (1)
guisemen
Excursionist
31 2 3

This is an accepted solution.

After looking through about thirty threads I found the correct answer here for anyone who finds this page!  https://community.shopify.com/c/shopify-design/dawn-theme-blurry-banner-images/td-p/1866549

-Will

View solution in original post

Replies 4 (4)

GemPages
Shopify Partner
5588 1261 1207

Hello @guisemen ,

 

Your image has a smaller original size than the screen can display.

GemPages_0-1673402922622.png

It is recommended to use an image with a larger width (maybe 1920px or 2560px) and the height of the image depends on the image.

I hope the above is useful to you.


Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
guisemen
Excursionist
31 2 3

Hey there -- the image I'm uploading to Shopify theme is actually 3830 pixels wide.  I take it shopify is automatically compressing?  I'll try re-scaling to 1920 or 2560 as well

-Will
guisemen
Excursionist
31 2 3

Yeah @GemPages -- still no luck, even when uploading a lower-res version.

-Will
guisemen
Excursionist
31 2 3

This is an accepted solution.

After looking through about thirty threads I found the correct answer here for anyone who finds this page!  https://community.shopify.com/c/shopify-design/dawn-theme-blurry-banner-images/td-p/1866549

-Will