How to prevent logo quality loss in Prestige theme header?

Store Design
1

Buonasera, inserendo il mio logo nell’header risulta sgranato e sfocato, come se perdesse di qualità.

Ho usato le misure e il peso indicate da Shopify, ma nonostante questo mi dà sempre questo problema.

Come posso risolvere?

Inoltre, è possibile mantenere l’header della stessa dimensione originale? Varia in base al logo, diventando troppo grande, c’è qualche opzione per sistemare anche questo?

Grazie!

2 
you should adjust the width of the logo to 500 on the store in its code
3

Theme liquid? Can you tell me the exact section?

4 
This sections are located in the header.liquid 
You go there and find the correct class of the logo in the image tag section, you will see the widths are equal to 1 number, you just need to change it to 500.
1 Like
5

{%- capture header_logo -%}

{%- if section.settings.logo != blank -%}
{%- capture image_size -%}{{ section.settings.logo_max_width }}x{%- endcapture -%}

{{ section.settings.logo.alt | default: shop.name | escape }}

{%- if use_transparent_header and section.settings.transparent_logo != blank -%}
{{ section.settings.transparent_logo.alt | default: shop.name | escape }}
{%- endif -%}
{%- else -%}
{{ shop.name }}
{%- endif -%}

{%- endcapture -%}

{%- if template == 'index' -%}

{{ header_logo }}

{%- else -%}
{{ header_logo }}
{%- endif -%}
6

There is width, but where i need to add 500?

7

how about you try it

{{ section.settings.logo | image_url: width: section.settings.width | image_tag:
class: ‘header__heading-logo’,
widths: ‘500’,
height: logo_height,
width: section.settings.logo_width,
alt: logo_alt
}}

8

It doesn’t work! It doesn’t matter, thank you ! :slightly_smiling_face: