I'm using the Trademark theme and I'm following all the guidelines, but my logo still appears fuzzy. I have a perfectly good logo that looks great at any size. Trademark asks for a 200x 60px .png file. I've uploaded the logo multiple times in multiple formats. I've even tried uploading it as a Shopify file instead of uploading it through my theme, but that didn't work. So I decided to upload my logo in my product images, and it shows up perfectly clear there!!
If anybody has any new ideas I would be very grateful.
I've checked your logo and in fact it's fuzzy in Chrome but sharp in Firefox.
One way to fix it in Chrome is to set CSS property
Try using a vector (.svg) instead of png.
Vector graphics are infinitely scalable without loss of resolution, and double bonus they're lighter in file weight too.
Is there any chance for Shopify, to come with an answer that really solves the problem of the blurry logo. So many people seem to have this problem, causing to really stop with Shopify. And I have been researching myself for a while now, to find a solution. But it seems that Shopify doesn't respond to it.
I tried all diff sizes and my logo remains blurry (maisonhijab.com). Can someone please help?