Why is my logo blurry on my website header?

My logo looks slightly blurry when I upload it to my header. I created the logo using Canva. I am using the Default Shopify theme. What can I do to make the logo crisp? What size, resolution, file type, etc should I be using for a high quality logo on my website?

2 Likes

Hello @mackenzysoleil

Please Go to Online Store β†’ Themes β†’ Edit code β†’ Sections β†’ header.liquid and copy the code till {% schema %} and send here.

@mackenzysoleil

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi @mackenzysoleil ,

Please go to file sections > header.liquid and find β€œ{{ section.settings.logo.alt | default: shop.name }}”, change β€˜300x300’ => β€˜master’.

https://i.imgur.com/RbtC77w.png => https://i.imgur.com/mxW9KqJ.png

Hope it helps!

Hi there, I am also struggling with this, however it is my header image that no matter the format or the pixels it is upoading blurry.