Solved: how do i stop my logo from being blurry? - Page 3

Pudds · ‎07-11-2017

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

TargetBargains · ‎05-13-2019

Not sure if anybody is still looking for an answer, but, what I did to fix my logo from being blurry was lowering the image size. So, my original logo is 502 x 502 pixels, saved as a PNG. Everytime I would upload it to the logo in my theme, it would be pixelated. Finally, what worked was lowering the image size to 200 x 200 pixels, saved as a PNG. This seemed to be the sweet spot as 100 x 100 was even worse than the larger one. I hope this helps somebody!

View Best Answer >

ThemezierThemes · ‎06-01-2018

@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 · ‎06-01-2018

Awesome! Thanks for sharing, @ThemezierThemes!

Carys28 · ‎10-07-2018

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 · ‎07-26-2019

@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:

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

Would love any help you can provide. Thanks.

ThemezierThemes · ‎07-26-2019

@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:

Then follow the tutorial from here.

Bernadette3 · ‎07-26-2019

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

AHughesDesign · ‎06-08-2018

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 · ‎09-28-2018

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

Bernadette3 · ‎09-29-2018

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 · ‎10-03-2018

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 · ‎11-21-2018

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 · ‎03-14-2019

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 · ‎03-14-2019

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

Lisannevanderp · ‎03-18-2019

Same here

Adam7 · ‎03-18-2019

Thanks for speaking up, @Lisannevanderp!

misterwubbs · ‎03-25-2019

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 · ‎03-25-2019

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

misterwubbs · ‎03-25-2019

@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 · ‎03-26-2019

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 · ‎04-10-2019

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 · ‎04-10-2019

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!