Replace site logo with an SVG

Could we please replace the site logo in the upper left with an SVG? The current picture is blurry.

1 Like

Hi @lectrician1 and thanks for reporting.

Can you post a screenshot of the issue? Which browser, device and screen size are you experiencing this issue with?

Thanks!

replacing the OpenStreetMap logo in SVG format is not advisable because of the complexity and compositing, which would likely cause more issues on different platforms

Not sure if you’ve noticed it before. osm.org also uses an svg osm logo:
https://www.openstreetmap.org/assets/osm_logo-d4979005d8a03d67bbf051b4e7e6ef1b26c6a34a5cd1b65908e2947c360ca391.svg

1 Like

The antialiasing for the font is clearly visible on my screen and the logo is not as clear as it could be.

1 Like

It looks better in Firefox; Chrome isn’t very good at downsampling this kind of image.

Adding the nonstandard image-rendering: -webkit-optimize-contrast helps it a bit.

It could be a good tradeoff to use an SVG just for the text portion of the site logo.

thank you for linking to it, as you can see it proves my point, looks different on different devices, e.g. on the iphone the text is missing

1 Like

The text isn’t part of the svg on osm.org, and site layout for mobile devices is different due to the limited space available.

the text inside the magnifier, 10011100

If I open the svg link above on my iPhone those numbers are all visible.

I agree, somehow they don’t show up on osm.org, but that’s another topic, really (it doesn’t say much how rendering on this site will look like).

Let’s give it a try, if it doesn’t work out we’ll revert to the current one.

yes, the numbers of the svg version in the above link show on my phone as well, but they look completely different than they do on the freebsd laptop I am sitting in front. For better compatibility and consistency all text should be converted to vectors.
I would try a version of the current rasters scaled to around 25% (120px) of the current height (512px) and 50% for the text version.
There are (at least) 2 versions of the logo currently:
512x512px:
https://community.openstreetmap.org/uploads/default/original/1X/1ec32427766f2efdc81c1fd1a6879e4084bfd00d.png
h=256px, with text:
https://community.openstreetmap.org/uploads/default/original/1X/5530b26f18c0897114c8128faafab985718506da.png
the community logo could maybe be replaced with the other one?

We need to check because I suspect Discourse only accepts png or automatically transform it to a png.

The Meta Discourse site uses an svg: https://meta.discourse.org/

2 Likes