MOTION THEME - Header logo - Low quality

lion_no
Excursionist
55 5 18

Trying to find a solution to increase logo quality, it seems to be down sampled from 1200x700 to a small resolution, and then upscaled to fit the Theme settings.
This leads to a blurry end result on the website.

I know it's possible to forcefully replace the logo with a .svg file to fix this, but I'd prefer to avoid doing this to easier manage the store configuration later on.

Any ideas where in the code the resolution of the image is downsampled? 


Preview link - https://28x38yzbem51frl6-50647859379.shopifypreview.com/

Replies 3 (3)
lion_no
Excursionist
55 5 18

... is this not possible?

SagarikaDas
Shopify Partner
183 14 64

Hello @lion_no,

Try for 387 × 209 px.

SagarikaDas_0-1635221609207.png

 

 

Sagarika Das | iCart Team
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
lion_no
Excursionist
55 5 18

Hi again @SagarikaDas ,

Unfortunately reducing the size of the logo to match the resolution given did not help. It's still blurry...
As seen here: 

lion_no_1-1636138030863.png

 

 

Is the only way to solve this to override the logo file and force it to use .svg by code?