Why is my logo still fuzzy?

Highlighted
New Member
1 0 0

Hi,

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.

Thank you!

0 Likes
Highlighted
Tourist
34 0 1

This issue you should ask your trademark theme owner. They can help you.

0 Likes
Highlighted

Hi Taylor,

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 image-rednering: pixelated

NuuSol logo - Chrome image-rendering

HTH,
Lukasz

I'm a software engineer. I make things happen automatically.
0 Likes
Highlighted
Shopify Expert
540 37 110

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.

Founder of Speed Boostr (Shopify optimization and dev agency).
Creator of Theme Scientist (A/B testing app).
Creator of Order Automator (app that auto tags + fulfills orders, send emails).
Creator of Shopify Analyzer (free performance analysis tool).
I also build custom apps and automated solutions.
Enjoy the adventure!
0 Likes
Highlighted
New Member
3 0 0

It seems Shopify won't allow me to upload any vector files. :(

0 Likes
Highlighted
New Member
1 0 0
Did you find a solution to the blurry logo issue?
0 Likes
Highlighted
New Member
3 0 0

I didn't find a solution but I did learn that the issue depends on the template I use. 

0 Likes