Why is my homepage header image blurry?

Store Design
1

My header image is blurry on my home page, however perfectly crisp in Canva. Please help. www.liftluggage.com

2

Hi @LiftLuggage ,

Please go to Actions > Edit code > header.liquid file, find ‘header__heading-link’ and change code here:

Screenshot.png
Screenshot.png1659×820 56.5 KB

Code:

Hope it helps!

3

It didn’t work. When I replaced the code it took down the header image all together. However, the code that was in the section you said to replace did not match exactly what I had. This is what is currently in the red section on my site

{% capture sizes %}(max-width: {{ settings.logo_width | times: 2 }}px) 50vw, {{ settings.logo_width }}px{% endcapture %}
{% capture widths %}{{ settings.logo_width }}, {{ settings.logo_width | times: 1.5 | round }}, {{ settings.logo_width | times: 2 }}{% endcapture %}
{{ settings.logo | image_url: width: 600 | image_tag:
class: ‘header__heading-logo motion-reduce’,
widths: widths,
height: logo_height,
width: settings.logo_width,
alt: logo_alt,
sizes: sizes,
preload: true
}}