Wikipedia and other site logos pixelated, blurry on high-resolution screens


Screenshot of on iPad 3 with Retina display

Wikipedia's and the other projects' logos are low-resolution raster images, and appear visibly pixelated on high-resolution displays such as on the third-generation iPad with Retina display.

Fixing this will require redoing a loooot of custom logos. :)

Recommend using either SVG forms (need PNG fallback, needs to be maintained) or defining 'low' and 'high' resolution logos (which then have to be maintained). May be icky.

Version: unspecified
Severity: normal


bzimport added a subscriber: wikibugs-l.
bzimport set Reference to bz35337.
brion created this task.Via LegacyMar 19 2012, 11:19 PM
liangent added a comment.Via ConduitApr 20 2013, 7:42 AM

Do we already have core support for this? Like:

$wgLogo = array(

'1x' => '/images/logo.png',
'1.5x' => '/images/logo-15.png',
'2x' => '/images/logo-2.png',


DanielFriesen added a comment.Via ConduitApr 21 2013, 12:44 PM

(In reply to comment #1)

Do we already have core support for this? Like:

$wgLogo = array(

'1x' => '/images/logo.png',
'1.5x' => '/images/logo-15.png',
'2x' => '/images/logo-2.png',


Not that I know of. And I strongly advise against that syntax.

Besides the fact $wgLogo would be best not converted outright to an array.
We already have a separate bug asking for something like:
$wg???Logo??? = array(

'150x150' => '/path/to/logo-square.png',
'200x75' => '/path/to/logo-wide.png',
'50x50' => '/path/to/logo-small.png',


tomasz added a comment.Via ConduitMay 14 2013, 8:49 PM
22:42  brion: odder: they should be 1) bigger and 2) adjusted in size 
  in the CSS back to original "size"

Fortunately, almost all Wikipedia logos are vectorized, so it won't be too hard to create the bigger versions. Same goes for those Wiktionaries that use the 'tiles' logo — I'm not entirely sure if all 'textual' logos have their SVG versions — and it gets worse and worse with other sister projects.

[Possibly having a 'Vectorize all logos' bug could help track progress. There is but it kills my browser dead.]

mxn added a comment.Via ConduitNov 19 2013, 7:31 AM

In the meantime, w:en:, w:vi:, wikt:vi: (tiles), b:vi:, s:vi:, and q:vi: have worked around the issue with some custom CSS:

Qgil added a comment.Via ConduitNov 28 2013, 5:07 PM

Pau has created a Google Code-in task related to this report:

However, even if this bug is "easy", the task is huge. Let's split it, because GCI students do have the wo/manpower to come up with all the vectorized logos and the final patch in the following weeks.

More details at Bug 52019 -- we will come back from there once all the project logos are vectorized.

Aklapper added a comment.Via ConduitFeb 6 2014, 5:18 PM

So bug 52019 blocks bug 32101 and this bug blocks bug 32101.

matmarex added a comment.Via ConduitOct 8 2014, 10:10 AM
  • Bug 71763 has been marked as a duplicate of this bug. ***

Add Comment

Column Prototype
This is a very early prototype of a persistent column. It is not expected to work yet, and leaving it open will activate other new features which will break things. Press "\" (backslash) on your keyboard to close it now.