Boost: Compact logo in top nav bar is blurred

Re: Boost: Compact logo in top nav bar is blurred

by Derek Chaplin -
Number of replies: 3
Hi Rick,

Thanks for checking it. I get the same results as you when I use the images I sent you; it was actually a crop of the full logo (attached).
I think I know what is happening, although i haven't checked the PHP code. If you inspect the CSS of that compact logo it appears that  a 100x100 pixel image is expected. So I  opened by original 164x40 pixel logo image in an image editor resized it to 100px wide and then resized it to the display settings I was using (40 px high) and voila! the blurry image is duplicated.

So I think there must be some code that resizes the compact code to 100px wide when it is uploaded. I've seen this behavior in WordPress. 



I've attached the original image.

cheers,
Derek
Attachment LMS logo 40px.png
In reply to Derek Chaplin

Re: Boost: Compact logo in top nav bar is blurred

by Rick Jerz -
Picture of Particularly helpful Moodlers Picture of Testers
Yep, seems a bit odd. I played around with this and find that Moodle is pretty fussy about this image. I am not sure what its logic is. I even tried doing some of this in Photoshop. So far, it's a challenge.
In reply to Rick Jerz

Re: Boost: Compact logo in top nav bar is blurred

by Derek Chaplin -
I've tried it with a number of images, and get the same blurring if the image width significantly exceeds 100px.
In reply to Derek Chaplin

Re: Boost: Compact logo in top nav bar is blurred

by Rick Jerz -
Picture of Particularly helpful Moodlers Picture of Testers
I wonder if it has something to do with as the text is made smaller, it just naturally has fewer pixels to work with. For example, if I take this image below and simply make it smaller, such as 100x25, it gets blurred. There just are not enough pixels to make it smooth.

Attachment derek450x114.png