Page MenuHomePhabricator

Use SVG for Wikipedia logo rather than PNG (wgLogos['icon']). to avoid blurry logo in some displays
Open, Needs TriagePublic

Description

In the timeless skin, the Wikipedia globe icon is blurry. It can also become blurry at large font-sizes in new Vector.

As reported by John123521 on enwiki in: https://en.wikipedia.org/w/index.php?title=Wikipedia:Village_pump_(technical)&oldid=1016615880#The_logo_looks_blurry_in_Timeless_skin

See live view: https://en.wikipedia.org/w/index.php?title=Main_Page&useskin=timeless

Same on enwiki, eswiki, dewiki

  • PNG icon needs to be replaced with svg

Event Timeline

Perhaps @Isarra may have some insight in to this?

It's because of T273250: $wgLogos['icon'] notext logo set for newvector is too small to use in Timeless, except we went ahead and used it anyway out of pure spite. Or, more likely, laziness/lack of resources?

Like why would any project still be using rasters in this day and age?!

Pinging in some additional resources that may have insight here, and who certainly don't want us making hack-arounds about logo files
@Legoktm @Jdlrobson

I'll defer to Isarra and co. on the correct way to solve this...it's unclear to me why $wgLogos['icon'] is a single png and not an array with 1x/1.5x/2x/svg options like the main logo does.

I'll defer to Isarra and co. on the correct way to solve this...it's unclear to me why $wgLogos['icon'] is a single png and not an array with 1x/1.5x/2x/svg options like the main logo does.

I believe the idea was to deprecate all these variants in favour of svg-only, as all supported browsers support this now, good logo design typically results in relatively small svg filesize, and the security concerns that justify converting user-uploaded files shouldn't apply to a site logo. I assume the issue with Wikipedia, however, is that the svg version of that logo is unusually large due to the complexity of the globe, so to reduce the filesize they used a double-size png sized specifically for newvector, but as a result it doesn't render properly in any other skins attempting to use it (at this point only Timeless)? @Jdlrobson might be able to comment specifically.

Jdlrobson renamed this task from Project logo is blurry in timeless to Use SVG for Wikipedia logo rather than PNG (wgLogos['icon']). to avoid blurry logo in some displays.Wed, Apr 14, 3:17 PM
Jdlrobson updated the task description. (Show Details)