Page MenuHomePhabricator
Create Task
Maniphest T328492

Make Wikinews and Wiktionary logos in Codex/OOUI smaller
Closed, ResolvedPublic3 Estimated Story Points
Actions

Assigned To
Volker_E
Authored By
Catrope
Jan 31 2023, 9:55 PM
Tags
Referenced Files
F36823471: image.png
Feb 13 2023, 2:18 PM
F36578514: Wikitionary.png
Feb 2 2023, 9:19 AM
F36578513: Wikinews.png
Feb 2 2023, 9:19 AM
F36578510: Wikitionary.png
Feb 2 2023, 9:19 AM
F36578509: Wikinews.png
Feb 2 2023, 9:19 AM
Subscribers
Aklapper
Catrope
Esanders
Jdforrester-WMF
• KieranMcCann
RHo
thiemowmde
Volker_E

Description

Background goal

[2023-01-31 13:50:19 PST] catrope:~/git/codex/packages/codex-icons/src/images (main)$ wc -c logo-*
   828 logo-CC.svg
  4819 logo-MediaWiki.svg
  3258 logo-MetaWiki.svg
  1091 logo-Wikibooks.svg
   423 logo-Wikidata.svg
  2217 logo-Wikifunctions.svg
   851 logo-Wikimedia-Commons.svg
   370 logo-Wikimedia-Discovery.svg
   628 logo-Wikimedia.svg
206738 logo-Wikinews.svg
   762 logo-Wikipedia.svg
   798 logo-Wikiquote.svg
  4614 logo-Wikisource.svg
  1992 logo-Wikispecies.svg
  1581 logo-Wikiversity.svg
   444 logo-Wikivoyage.svg
 20630 logo-Wiktionary.svg

Most icon SVGs are a couple hundred bytes. Some of the logos are bit bigger, a couple of kilobytes, which is fine. But the Wiktionary logo is 20KB, and the Wikinews logo is 204KB. These icons also contain way too much detail to be useful as 20x20px icons.

We should make the Wikinews logo SVG smaller. It makes up 0.37% of all icons by number (1 of 273), but 59.7% by volume (206KB out of 346KB). In other words, adding this one icon made the icons package 2.5x bigger. We should also try to make the Wiktionary logo smaller, but that one isn't quite as absurdly large as the Wikinews icon.

Wikinews.png (48×49 px, 2 KB)
Wikitionary.png (48×48 px, 4 KB)
Current Wikinews logoCurrent Wikitionary logo
Proposal

Simplify the logos and make them 20x20px. Proposals captured in this Figma exploration file.

Wikinews.png (20×20 px, 1 KB)
Wikitionary.png (20×20 px, 1 KB)
WikinewsWikitionary
SVG icons

They will be added here once they are done.

Acceptance criteria (or done)
  • Design a simplified version of the logo in 20x20px
    • Wikinews
    • Wikitionary
  • Replace the logo in code

Details

Show related patches Customize query in gerrit

Related Objects

Event Timeline

Catrope created this task.Jan 31 2023, 9:55 PM
Restricted Application added a project: Design-System-Team. · View Herald TranscriptJan 31 2023, 9:55 PM
Restricted Application added a subscriber: Aklapper. · View Herald Transcript
Catrope triaged this task as High priority.Jan 31 2023, 9:55 PM
Catrope moved this task from Inbox to Up Next on the Design-System-Team board.
Catrope added a subscriber: Volker_E.
Volker_E mentioned this in T327927: Exploration: Redesign the Wikinews logo to increase recognition at small sizes.Jan 31 2023, 10:42 PM
Jdforrester-WMF subscribed.Feb 1 2023, 2:47 PM
Catrope mentioned this in T314661: Add Wikimedia logos icons in OOUI and Codex.Feb 1 2023, 6:23 PM
bmartinezcalvo updated the task description. (Show Details)Feb 2 2023, 8:55 AM
bmartinezcalvo updated the task description. (Show Details)Feb 2 2023, 9:19 AM
bmartinezcalvo added subscribers: • KieranMcCann, RHo.
bmartinezcalvo updated the task description. (Show Details)Feb 2 2023, 11:12 AM
Esanders subscribed.Feb 9 2023, 2:22 PM

This needs to be fixed and deployed as a matter of urgency. VE is loading this module and so this will be causing a significant performance regression.

If there are no users other than the requesters in the original task, this can just be reverted and downstreamed until a more acceptable upstream solution is agreed upon.

gerritbot added a comment.Feb 9 2023, 3:55 PM

Change 887853 had a related patch set uploaded (by Esanders; author: Esanders):

[oojs/ui@master] Revert "icons: Add Wikimedia logos to 'icons-wikimedia' pack"

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

gerritbot added a project: Patch-For-Review.Feb 9 2023, 3:55 PM
Volker_E renamed this task from Make Wikinews and Wiktionary logos in Codex smaller to Make Wikinews and Wiktionary logos in Codex/OOUI smaller.Feb 13 2023, 1:17 PM
Volker_E added a project: OOUI.
gerritbot added a comment.Feb 13 2023, 1:17 PM

Change 888694 had a related patch set uploaded (by VolkerE; author: VolkerE):

[oojs/ui@master] icons: Amend 'Wikinews' and 'Wiktionary' logo

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

Volker_E added a comment.Feb 13 2023, 1:20 PM

Wikinews logo would now be 25kb gzipped with the less detailed version.

gerritbot added a comment.Feb 13 2023, 1:53 PM

Change 888701 had a related patch set uploaded (by VolkerE; author: VolkerE):

[oojs/ui@master] icons: Amend 'Wikinews' and 'Wiktionary' logo

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

Volker_E added a comment.Feb 13 2023, 2:18 PM

888701 features abstracted Wikinews logo from https://www.figma.com/file/NxMgGOrKSiNExRgD6qHU74/Wikinews-logo?node-id=40%3A207&t=OZk6STeTp0gWS35V-0 (Option #3)

image.png (376×358 px, 24 KB)

That seems to be acceptable to me for logo representation at 20dp, given that we also use globe abstraction in MetaWiki logo. And it's only 685 bytes gzipped.

Volker_E claimed this task.Feb 13 2023, 3:38 PM
Volker_E set the point value for this task to 3.
Volker_E moved this task from Up Next to Design-System-Sprint on the Design-System-Team board.
Volker_E edited projects, added Design-System-Team (Design-System-Sprint); removed Design-System-Team.
Volker_E moved this task from Committed to Code Review on the Design-System-Team (Design-System-Sprint) board.
gerritbot added a comment.Feb 13 2023, 10:06 PM

Change 888701 merged by jenkins-bot:

[oojs/ui@master] icons: Amend 'Wikinews' and 'Wiktionary' logo

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

gerritbot added a comment.Feb 13 2023, 10:16 PM

Change 888694 abandoned by Esanders:

[oojs/ui@master] icons: Amend 'Wikinews' and 'Wiktionary' logo

Reason:

See Ia3bc0242c08a9ec96be7ab0eb032bcc2b20519ae

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

gerritbot added a comment.Feb 13 2023, 10:16 PM

Change 887853 abandoned by Esanders:

[oojs/ui@master] Revert "icons: Add Wikimedia logos to 'icons-wikimedia' pack"

Reason:

See Ia3bc0242c08a9ec96be7ab0eb032bcc2b20519ae

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

Maintenance_bot removed a project: Patch-For-Review.Feb 13 2023, 10:30 PM
gerritbot added a comment.Feb 14 2023, 3:30 PM

Change 889152 had a related patch set uploaded (by Thiemo Kreuz (WMDE); author: Thiemo Kreuz (WMDE)):

[oojs/ui@master] Minimize MediaWiki logo

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

gerritbot added a project: Patch-For-Review.Feb 14 2023, 3:30 PM
gerritbot added a comment.Feb 14 2023, 3:44 PM

Change 889156 had a related patch set uploaded (by Thiemo Kreuz (WMDE); author: Thiemo Kreuz (WMDE)):

[oojs/ui@master] Remove white rectangles from new Wikinews/Wiktionary logos

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

gerritbot added a comment.Feb 14 2023, 4:14 PM

Change 889156 merged by jenkins-bot:

[oojs/ui@master] icons: Remove white rectangles from new Wikinews/Wiktionary logos

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

gerritbot added a comment.Feb 14 2023, 4:23 PM

Change 889152 merged by jenkins-bot:

[oojs/ui@master] icons: Minimize MediaWiki logo

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

Maintenance_bot removed a project: Patch-For-Review.Feb 14 2023, 4:30 PM
gerritbot added a comment.Feb 14 2023, 5:22 PM

Change 889180 had a related patch set uploaded (by VolkerE; author: VolkerE):

[design/codex@main] icons: Amend 'Wikinews' and 'Wiktionary' logo

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

gerritbot added a project: Patch-For-Review.Feb 14 2023, 5:22 PM
egardner moved this task from Code Review to Pending Release on the Design-System-Team (Design-System-Sprint) board.Feb 14 2023, 6:15 PM
Esanders added a subscriber: thiemowmde.Feb 14 2023, 6:20 PM

The MediaWiki fix above will need to be copied to Codex too. cc @thiemowmde

gerritbot added a comment.Feb 14 2023, 6:24 PM

Change 889180 merged by jenkins-bot:

[design/codex@main] icons: Amend 'Wikinews' and 'Wiktionary' logo

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

Volker_E added a comment.Feb 14 2023, 6:29 PM
In T328492#8615528, @Esanders wrote:

The MediaWiki fix above will need to be copied to Codex too. cc @thiemowmde

Already done in https://gerrit.wikimedia.org/r/c/design/codex/+/889186

Maintenance_bot removed a project: Patch-For-Review.Feb 14 2023, 6:30 PM
Volker_E updated the task description. (Show Details)Feb 14 2023, 6:30 PM
gerritbot added a comment.Feb 14 2023, 9:23 PM

Change 889230 had a related patch set uploaded (by Anne Tomasevich; author: Anne Tomasevich):

[mediawiki/core@master] Update Codex from v0.5.0 to v0.6.0

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

gerritbot added a project: Patch-For-Review.Feb 14 2023, 9:23 PM
PatchDemoBot added a comment.Feb 14 2023, 9:26 PM

Test wiki created on Patch demo by ATomasevich (WMF) using patch(es) linked to this task:
https://patchdemo.wmflabs.org/wikis/66d018802f/w

gerritbot added a comment.Feb 14 2023, 9:58 PM

Change 889230 merged by jenkins-bot:

[mediawiki/core@master] Update Codex from v0.5.0 to v0.6.0

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

Volker_E closed this task as Resolved.Feb 14 2023, 9:59 PM
Volker_E removed a project: Patch-For-Review.
PatchDemoBot added a comment.May 10 2023, 9:09 PM

Test wiki on Patch demo by ATomasevich (WMF) using patch(es) linked to this task was deleted:

https://patchdemo.wmflabs.org/wikis/66d018802f/w/

gerritbot added a comment.May 11 2023, 2:41 PM

Change 919107 had a related patch set uploaded (by Thiemo Kreuz (WMDE); author: Thiemo Kreuz (WMDE)):

[design/codex@main] Minimize and fix Wikisource logo

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

gerritbot added a project: Patch-For-Review.May 11 2023, 2:41 PM
gerritbot added a comment.May 11 2023, 11:24 PM

Change 919107 merged by jenkins-bot:

[design/codex@main] Minimize and fix Wikisource logo

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

Maintenance_bot removed a project: Patch-For-Review.May 11 2023, 11:30 PM
gerritbot added a comment.May 12 2023, 10:41 PM

Change 919420 had a related patch set uploaded (by VolkerE; author: VolkerE):

[oojs/ui@master] icons: Minimize and fix Wikisource logo

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

gerritbot added a project: Patch-For-Review.May 12 2023, 10:41 PM
gerritbot added a comment.May 15 2023, 6:24 AM

Change 919420 merged by jenkins-bot:

[oojs/ui@master] icons: Minimize and fix Wikisource logo

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

Maintenance_bot removed a project: Patch-For-Review.May 15 2023, 6:30 AM
gerritbot added a comment.May 18 2023, 5:16 PM

Change 921070 had a related patch set uploaded (by VolkerE; author: VolkerE):

[mediawiki/core@master] Update OOUI to v0.47.0

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

gerritbot added a project: Patch-For-Review.May 18 2023, 5:16 PM
gerritbot added a comment.May 18 2023, 8:20 PM

Change 921070 merged by jenkins-bot:

[mediawiki/core@master] Update OOUI to v0.47.0

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

Maintenance_bot removed a project: Patch-For-Review.May 18 2023, 8:33 PM
gerritbot added a comment.May 23 2023, 9:14 PM

Change 922610 had a related patch set uploaded (by VolkerE; author: VolkerE):

[mediawiki/core@master] Update Codex from v0.10.0 to v0.11.0

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

gerritbot added a project: Patch-For-Review.May 23 2023, 9:14 PM
gerritbot added a comment.May 23 2023, 10:49 PM

Change 922610 merged by jenkins-bot:

[mediawiki/core@master] Update Codex from v0.10.0 to v0.11.0

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

Maintenance_bot removed a project: Patch-For-Review.May 23 2023, 11:11 PM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits