streamlink-twitch-gui
streamlink-twitch-gui copied to clipboard
New icon?
Hi there,
This is an open suggestion for finding a new system tray icon / streamlink-twitch-gui logo
No real issues, just a practical problem : I use both twitch/curse app, and streamlink-twitch-gui and this happens :
Maybe think of a simple recolor to begin ?
I'd be happy to change the logo of the Twitch GUI, if Streamlink had a proper logo, so it can be based off of it with a combination of the Twitch logo.
See streamlink/streamlink#1123 Community contributions are welcome...
Tray icons are a bit difficult, though. On some systems, a symbolic (monochrome) icon is needed, on others, a colored one is preferred. This needs to be taken into account for any new logos.
Also, the current implementation of the tray icon(s) is far from ideal. The tray icon on Linux should not be embedded into the application and should be read from the system theme. I've added a project here for this a few months ago, but haven't had the time yet to further work on it. https://github.com/streamlink/streamlink-twitch-gui/projects/10
What are the bitmap sizes that need to be generated?
This depends on the target OS and their use case:
-
App icons
-
Windows
16, (24), 32, 48, (64), (128) and 256 in a single
ico
format
Requires Inkscape, Gimp, Photoshop or NodeJS modules (*). -
macOS
16, 32, 64, 128, 256, 512, 1024 in a single
icns
format
Requires special dependencies, eg.icnsutils
on a Ubuntu build machine like TravisCI or special apps on macOS (proprietary bullshit) (*). -
Linux
A single (
svg
), orpng
s for 16, (24), 32, 48, 64, 128, 256, (512)
These are added to thehicolor
freedesktop icon theme, but DEs can and will use the icons of the currently used theme set by the user.hicolor
is the ultimate fallback theme. (*)
-
Windows
16, (24), 32, 48, (64), (128) and 256 in a single
-
Tray bar icons
-
Windows
16, 16@2x, 16@3x (hi-dpi scaling)
Currently uses colored png icons, which isn't ideal on Windows 8+ where monochrome icons are preferred. A fix is quite simple. Another option could be giving the user a choice. -
macOS
18, 18@2x, 18@3x
Special monochrome png icons with a black mask. Currently not as crisp as they should be, because they got scaled down from the original Twitch icon, making them a bit blurry (both bicubic and lanczos). New icons should be created with monochrome versions and their crispness in mind. -
Linux
16@3x, 16@3x, 16@3x
Originally, the same scaling was used as on Windows, but since there's no strict layout on Linux DEs, I decided to use the one with the highest res on all DPI scaling factors, as most DEs are able to properly scale the tray bar icons. On KDE Plasma, this doesn't work and needs to be fixed. I didn't notice that until recently.
In the last couple of days, I've written and published a NodeJS module for figuring out the icon paths on Linux for a given icon theme name. In addition to another module for figuring out the icon theme name (which I am still working on), static tray bar icons on Linux will be gone and the ones of the current theme can be used.
-
Windows
16, 16@2x, 16@3x (hi-dpi scaling)
Back to your question... The actual bitmap sizes are not really important. These can be created quite easily from a proper vector graphic.
(*) Ideally, this should be done during the webpack/grunt build/compile steps via Sharp
, to-ico
and icnsutils
. The icon sizes mentioned above in parenthesis are currently not being used.
Twitch has all of their assets available for download here: https://www.twitch.tv/p/brand/
Definitely agree that this app needs a different icon. Maybe just use the white or black one that Twitch provides, and put it on a different color background?
There are some other (similar) suggestions in the SVG file. I'm not sure if it will look great as a tiny icon but maybe someone else can improve it.
Thanks for the logo suggestions, @KaXaSA.
I don't think though that it's possible to modify the Twitch "Glitch" icon in that way. See Twitch's trademark guidelines: https://www.twitch.tv/p/legal/trademark/
Don’t modify or alter Twitch Brand Assets in any way, such as changing the color or design of our logos, app icons, or screen shots. Please refer to the brand assets page.
Logo idea I had. I think it looks okay in the smaller sizes, and it should follow Twitch's branding guidelines just fine
EDIT: Ah, parallel thinking! Didn't realize you already had this idea:
if Streamlink had a proper logo, so it can be based off of it with a combination of the Twitch logo.
The problem with this is that the tray icon is barely recognizable (the tray icon is even smaller than the smallest icon you've posted on @1x
DPI scaling - 16x16 px). And then there are also monochrome tray icons, making this even more difficult. Also the badge overlay (on supported OSes) which show the number of live followed channels.
The best solution would probably be using the streamlink logo and adding the Twitch logo "eyes" to it, but it's possible that this would fall into the twitch logo modification category.