MOTION THEME - Header logo - Low quality

lion_no
Explorer
58 6 19

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 5 (5)

lion_no
Explorer
58 6 19

... is this not possible? 😕

SagarikaDas
Shopify Partner
246 24 93

Hello @lion_no,

Try for 387 × 209 px.

SagarikaDas_0-1635221609207.png

 

 

► If the answer solve your issue please ✔ Accept it and hit like

► Need help with theme customization, speed optimization, fixing bugs?


► Let's connect: Mail me Or Skype me: live:.cid.2667d78144ce77ad
lion_no
Explorer
58 6 19

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?

Bik123
Excursionist
31 0 5

Did you find solution? having same problem..

dmwwebartisan
Shopify Partner
12289 2547 3698

@lion_no 

Please share your store URL I will check your shop and send the correct solution to you!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app