Tagged: logo in header
-
AuthorPosts
-
August 29, 2017 at 7:43 pm #845432
Hi,
I have a logo in my header that looks very blurry, even though the resolution is high. And I also made sure to pick the full-size logo, as I added it.
Can you see why the logo looks like it is poor quality?
The issue is only when I scroll down the page and the sticky header is shrunk. See screenshot.Thanks for the help and for a great theme.
- This topic was modified 7 years, 3 months ago by Camilla88.
August 29, 2017 at 11:52 pm #845513Hey Camilla,
Are you using any image optimization plugins?
Best regards,
Jordan ShannonSeptember 5, 2017 at 8:14 pm #848315Hi Jordan,
Sorry for the late answer back.
No, I don’t use a plugin to compress images. So that’s not it unfortunately.Any other ideas?
Thanks
/CamillaSeptember 6, 2017 at 7:34 am #848457Hi,
This is how I am viewing the logo:
Is this not how it should be. I’m am not seeing much of a blur.
Best regards,
Jordan ShannonSeptember 6, 2017 at 8:21 am #848479Hi Jordan,
Thank for looking at it. I can see that your screenshot is from before you scroll down on the page.
The blur occurs when you scroll down a bit on the page. Then the header is downsized a bit and the logo becomes blurred.
https://snag.gy/dEpTnS.jpgIs there a way to prevent this?
Best regards,
CamillaSeptember 6, 2017 at 8:28 am #848482Hi,
Can you try to upload the logo with a height of 88px. It seems like scaling down your current logo makes it look blurry.
Best regards,
Jordan ShannonSeptember 6, 2017 at 8:38 am #848490I have just done this, but then the logo becomes very small when I scroll.
https://snag.gy/VrNvFx.jpgSeptember 6, 2017 at 8:42 am #848494Hi,
I see, what was the initial size. I’m sure since it is exceeding that 88px size that is why it is being blurred and compressed.
Best regards,
Jordan ShannonSeptember 6, 2017 at 9:48 am #848512this logo is formerly crying for a svg usage.
The font seems to be something like segoe bold (frutiger with i dots : lol )
And that little Dot in Front is very simple to construct on f.e. Illustrator.By the way what is the font name
but by the way – the unsharpness is not caused by less sharpness of the png or jpg – it is a question of screen-abilities. If you are looking to it on my screen 2560×1440 (27′ Mac Screen) or on a retina (ipads etc) your logo on small case isn’t so bad.
Even a svg (by definition sharp) is on that minified Version not sharp on the screen – the resolution does not fit that.have a look to : https://webers-testseite.de/wp-content/uploads/stillAds.svg
and shrink your browser window. A minimum height of 50px seem to be ok.September 6, 2017 at 8:54 pm #848834Hey Guenter,
Thanks for your input on this matter.
Best regards,
Jordan ShannonSeptember 11, 2017 at 7:46 pm #850646Hi Guenter,
Thanks for looking at it too. You definitely know much more about this than I ever will.
The font name for the logo is Switzerland.Can you help me navigate in your answer and briefly tell me what I need to do – in a non-technical language? :-)
I would be really thankful for that.September 12, 2017 at 10:01 am #850921Hi Camilla88,
The logo is smaller than it is advised to upload and it los quality on upload. You need to make a bigger one, with less transparent space, no space at all actually and try to adjust the png qualtiy
https://wordpress.org/support/topic/wp-png-quality/If all this sounds a bit to technical and difficult, you might want to hire a freelancer to do it for you.
If you need further assistance please let us know.
Best regards,
VictoriaSeptember 14, 2017 at 7:33 am #851880by the way – in the new logo the font couldn’t be Switzerland! – Switzerland has like Frutiger too those i dots and dots itself and and “square dots”
in your new logo they are circles. etc (look at the t or the s – totaly different.So what Victoria means is that you had to create a png with less space surrounding:
(gray in this case stands here for the transparency)
not this way:but this way:
September 14, 2017 at 7:37 am #851884do you have your new logo in a vectorbased way (Illustrator, eps,). – or find the correct name of the new logo font with round dots – i will recreate your logo. Recreating via those tiny screenshots is nearly impossible.
The segoe font does not fit totaly because the dots are not perfect circles on bold font-weight.September 14, 2017 at 3:48 pm #852108 -
AuthorPosts
- You must be logged in to reply to this topic.