how do i stop my logo from being blurry?

[Pudds]

I have uploaded my new professionally created logo in numberous sizes, as recommended and others, and it always comes out blurry!

Admin have said they're aware of the fault, but nearly a month later I'm still waiting.... the helpline chat fell said it looked ok to him, but to everyone i show it look pixilated! When you zoom in all the other imagges and text remain crisp, except the logo! please can someone advise? www.jopond.com

[ThemezierThemes]

@Adam, @MustFit, @Pudds, @Blastparts, and @ahd03 We've just released a tutorial showing how and where to the install the coding in order to have a crystal clear logo for your Weebly site. 

[Bernadette3]

Awesome! Thanks for sharing, @ThemezierThemes! 

[Carys28]

Hi Weebly team, where do we find the tutorial to fix this as described above? We're having the same issue. There must be an easier way to ensure a crisp logo header after all this time. Thanks.

[bearich]

@ThemezierThemes I'm trying to change the code on my site so my logo isn't blurry using your directions. But I'm using the CleanLines theme and my code currently looks like this:

<div id="sitename">{logo}</div>

Do I just delete {logo} and copy and paste your code there? If I do, it doesn't match your code which says: 

 <div class="logo"><a href="https://www.themezier.com/"><img src="/files/theme/images/themezier_logo_white.png"/></a>

Would love any help you can provide. Thanks.

[ThemezierThemes]

@bearich That's correct! Just replace the white "{logo}" mustache code with "<a href="https://www.themezier.com/"><img src="/files/theme/images/themezier_logo_white.png"/>".

So your code would look like this:

<div id="sitename"><a href="https://www.themezier.com/"><img src="/files/theme/images/themezier_logo_white.png"/></a>

Then follow the tutorial from here.

[Bernadette3]

Thanks for helping out, @ThemezierThemes We appreciate you taking the time to help out your fellow community members.

[AHughesDesign]

Ughhhh... It's driving me insane.  I finishing up a design makeover for a client and once again... the logo.  Everytime I get to the logo part on a Weebly client, it makes me want to take Weebly off of my list of platforms I work on.  There's no reason the logo section should be blurry.  It happens literally every single time.  I try multiple sizes, resolutions, etc. each time.  I shouldn't have to code in a logo with Weebly.  I don't have this issue with other platforms, which makes it even more frustrating.  Is there any sort of solution for this?  

[JayH1]

I absolutley cannot understand why the **bleep** Weebly hasn't corrected this issue. What a joke. 

[Bernadette3]

I know it's frustrating and I'm sorry you are still having an issue with this. Do you happen to have the original file for the fitness website in your account? 

[northwest]

I'm baffled as to how the logo glitch still hasn't been fixed 15 months after this thread opened. Since I have no coding experience, I'm going to have to move my business page to another platform. But **bleep**, Weebly, can't you just fix the logo resolution?

[angelique1]

Weebly, It actually looks like my logo is being downsized and there are a ton of JPG artifacts. I have gone through every solution offered here, and still have the issue of it rendering properly on mobile devices (for size) even when I solve the issue of the quality of the graphic. Can someone PLEASE provide a reasonable explanation?

[DamnWeebly]

March 2019 - Not fixed. I guess Weebly just doesn't give a *$%#? What's the point if I can't display my logo properly?

[Bernadette3]

Can you please a link to your site. We can update our engineers with the example. Thanks!

[Lisannevanderp]

Same here

[Adam7]

Thanks for speaking up, @Lisannevanderp!

[misterwubbs]

I am having the sme issue on my desktop site (www.summeracappella.com). I've tried workarounds mentioned, but can't fix this. It's certainly frustrating, because a logo that was professinoally designed and has a high resolution suitable for most any context should not be blurry and degrades the professional quality of my site.

Please advise if there is anything that needs to be done.

[Adam7]

What format is the image you're uploading, @misterwubbs? If it's a JPG, do you have PNG version you can try with?

[misterwubbs]

@Adam, Neither PNG nor JPG files work. Both result in blurry photos. I've also tried resizing them to much smaller files so it wouldn't have to be shrunk down, but the effect is the same.

[Adam7]

Ok, thanks for trying that. Some people turn off the site logo and add a regular image to the header section underneath the navigation instead. That should give you a larger image to work with that you can link back to the homepage.

[Carys28]

Hi Adam. This is the same poor workaround as advised over two years ago and people are still experiencing the same issue with blurry logos. Is there really no straighforward resolution to this yet? Has this one stumped the engineers?

[Bernadette3]

Hi @Carys28 What is the name of your site with the blurry logo? Your published site logo doesn't look blurry, but not sure if you are referring to a different site. Thanks!