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

Description

Screenshot of en.wikipedia.org 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

Attached:

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 https://meta.wikimedia.org/wiki/User:Cbrown1023/Logos 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:

https://en.wikipedia.org/wiki/?diff=prev&oldid=582197537

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

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

http://www.google-melange.com/gci/task/view/google/gci2013/5778687907594240

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. ***
gerritbot added a subscriber: gerritbot.Via ConduitMon, Mar 9, 6:25 PM

Change 195195 had a related patch set uploaded (by Isarra):
Add support for HD versions of the wiki logo in MonoBook-like skins.

https://gerrit.wikimedia.org/r/195195

gerritbot added a project: Patch-For-Review.Via ConduitMon, Mar 9, 6:25 PM
MarkAHershberger removed a subscriber: MarkAHershberger.Via EmailMon, Mar 9, 6:53 PM
gerritbot added a comment.Via ConduitFri, Mar 13, 6:30 AM

Change 195195 merged by jenkins-bot:
Add support for HD versions of the wiki logo in MonoBook-like skins.

https://gerrit.wikimedia.org/r/195195

matmarex added a subscriber: matmarex.

The coding part is done, yay! Now we need to configure the logos for Wikimedia wikis.

mxn added a comment.Via WebSat, Mar 14, 4:52 AM

The patch takes care of 1.5x and 2x, but there are 3x screens out in the wild too (iPhone 6 Plus for example).

brion added a comment.Via WebMon, Mar 16, 6:07 PM
In T37337#1118737, @mxn wrote:

The patch takes care of 1.5x and 2x, but there are 3x screens out in the wild too (iPhone 6 Plus for example).

All 3x devices I know of are phones and will get the mobile view by default (which doesn't show this logo), or will scale down the desktop site if switched to it explicitly, so a 3x native logo is overkill for them. Easy to add support in the future if we find we need it though.

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.