- Die PuTTY-Icons behalten einen altmodischen Stil bei, der Ende der 1990er- bis Anfang der 2000er-Jahre entstand, wurden aber mehrfach neu gerendert, um geänderten Bildschirmgrößen und Plattformanforderungen gerecht zu werden
- Die frühen Versionen waren 32×32-Bilder, die im MSVC-Icon-Editor Pixel für Pixel gezeichnet wurden und damalige Beschränkungen wie die von Windows empfohlene 16-Farben-Palette und Schwarzweiß-Icons widerspiegelten
- Elemente wie zwei Computer und ein Blitz, ein Dokument, ein Hut, ein Schlüssel und ein Schraubenschlüssel dienten dazu, die Rolle der einzelnen Tools zu unterscheiden und sie dennoch wie Teil der PuTTY-Produktfamilie wirken zu lassen
- Als um 2007 die Qualität der hochskalierten 32×32-Icons wegen der 48×48-Icon-Darstellung in Windows schlecht wurde, begann man, 48×48-, 32×32- und 16×16-Versionen sowie Schwarzweißvarianten per Skript automatisch zu erzeugen
- Später entstand ein SVG-Erzeugungsskript, um die Grenzen des Bitmap-Skripts bei großen Größen auszugleichen; bei kleinen Icons liefert das alte Skript jedoch bessere Ergebnisse
Der Ausgangspunkt der PuTTY-Icons
- Im März 2025 gab eine E-Mail, die nach Ursprung und Entwicklung des „Logos“, also des Icons der Windows-Executable von PuTTY, fragte, den Anlass zur Aufarbeitung
- Das Grundgerüst des aktuellen Icon-Designs entstand Ende der 1990er- und Anfang der 2000er-Jahre und blieb seither ohne größere stilistische Änderungen erhalten
- Im Lauf der Zeit mussten die Icons unter verschiedenen Einschränkungen neu gerendert werden; das war sowohl ein Grafikdesign- als auch ein technisches Problem
Die Zeit handgezeichneter Pixel
- Anfangs wurde nicht erwartet, dass Icons in mehreren Größen nötig sein würden; sie wurden daher ohne Automatisierung direkt im MSVC-Icon-Editor gezeichnet
- Windows-GUI-Programme verlieren ohne Icon an Wiedererkennbarkeit, daher brauchte PuTTY schon früh ein eigenes Icon
-
PuTTY selbst
- Das früheste noch vorhandene PuTTY-Icon ist eine Version, die Anfang 1999 verwendet wurde; aus der Anfangszeit des Projekts im Sommer 1996 ist keine Source-Control-Historie erhalten
- Das Icon hat 32×32 Pixel und verwendet eine begrenzte Palette aus Primärfarben und Grautönen
- Mitte der 1990er-Jahre waren Displays ohne Truecolour noch verbreitet, und für Windows-Icons wurde die Verwendung einer festen 16-Farben-Palette empfohlen
- Die Idee war, dass alle Icons einer GUI dieselben 16 Paletteneinträge wiederverwenden, um weniger Farbreakourcen des Bildschirms zu belegen
- Auch eine Schwarzweißversion wurde gemäß den damaligen Empfehlungen bereitgestellt
- Nach Win95 erinnere ich mich zwar nicht, sie tatsächlich auf einem Schwarzweißdisplay gesehen zu haben, aber möglicherweise hing das mit Win32s zusammen, das unter Windows 3.1 den Versuch erlaubte, 32-Bit-Programme auszuführen
- Das Design zeigt zwei Computer in der in den 1990ern verbreiteten Form aus CRT-Monitor und Systembox, verbunden durch einen Blitz
- Der Blitz deutet elektrische Kommunikation an
- Warum ein gelber Blitz und ein blauer Bildschirm verwendet wurden, ist nicht eindeutig überliefert
- Der blaue Bildschirm steht nicht für den Windows Blue Screen of Death, denn bei typischer PuTTY-Nutzung ist nur eine Seite Windows, und keine der beiden Seiten ist abgestürzt
-
PSCP und PSFTP
- 1999 schickte ein Contributor eine SCP-Implementierung ein, aus der PSCP entstand; dafür wurde auch ein eigenes Icon gezeichnet
- Da PSCP ohne Kommandozeilenargumente nicht sinnvoll nutzbar ist, gab es wenig praktischen Bedarf, es in der GUI auszuführen oder im Start Menu zu identifizieren
- Das PSCP-Icon ersetzt einen der Computer aus dem PuTTY-Icon durch ein Dokument und verbindet den verbleibenden Computer und das Dokument mit einem Blitz
- Später verwendete auch das Dateiübertragungs-Tool PSFTP dasselbe Icon
- PSFTP lässt sich auch ohne Kommandozeilenargumente starten und erlaubt an einem interaktiven Prompt die Eingabe des Verbindungsziels; dadurch nutzt es dasselbe Icon praktischer als PSCP
- Wenn beide Tools dasselbe Icon verwenden, muss man im Explorer auf die Unterscheidung achten, aber es wurde keine einfache Möglichkeit gefunden, den Unterschied visuell darzustellen
-
Pageant
- Pageant ist ein SSH-Agent; anfangs sollte das Icon das Gesicht eines Geheimagenten zeigen
- Die Darstellung des Gesichts misslang, aber der zufriedenstellend gezeichnete breitkrempige Hut blieb in der Form erhalten, in der er auf den PuTTY-Computer gesetzt wurde
- Die Wiederverwendung desselben Computerdesigns passt visuell zur Produktfamilie und auch dazu, dass der Agent von Pageant kein Mensch, sondern ein computerisierter Agent ist
- Das frühe Pageant-Icon hatte keine Schwarzweißversion; stattdessen wurde ein kleines 16×16-Icon für den System Tray benötigt
- Da Windows beim Verkleinern eines 32×32-Icons nur schlechte Qualität lieferte, wurden Hutband und Monitorumriss in der kleinen Größe von Hand antialiasiert
- Die Außenkontur blieb schwarz, damit sie sich vom Hintergrund abhebt
-
PuTTYgen
- Das PuTTYgen-Icon kombiniert Computer, Blitz und Schlüssel
- Der Schlüssel ist ein schwaches visuelles Wortspiel, das darauf hinweist, dass das Tool kryptografische Schlüssel erzeugt und verwaltet
- Da PuTTYgen keine Netzwerkkommunikation betreibt, ist der Blitz funktional ungenau; er dient aber der visuellen Konsistenz als Tool der PuTTY-Produktfamilie
- Anders als bei PSCP ist die Anordnung von Computer und Objekt umgekehrt, wodurch sich die beiden Icons leichter unterscheiden lassen
-
Konfigurationsdialog
- Der Taskbar-Eintrag des PuTTY-Konfigurationsdialogs verwendete das Standard-Icon für Windows-Fenster, was nicht gut aussah
- Statt das Haupt-Icon unverändert wiederzuverwenden, wurde ein Icon gezeichnet, dem ein großer Schraubenschlüssel als Symbol für Konfiguration und Änderung überlagert ist
- Dieses Icon enthielt wieder eine Schwarzweißversion, möglicherweise weil ein bestehendes Icon mit Schwarzweißversion bearbeitet worden war
Per Skript neu gezeichnete Icons
- Um 2007 kamen Beschwerden auf, dass die 32×32-Icons schlecht aussahen
- Displays wurden größer, und Windows begann, 48×48-Icons standardmäßig anzuzeigen, wodurch Anwendungsicons, die nur 32×32 boten, hochskaliert wirkten
- Da 48 kein Vielfaches von 32 ist, streckte Windows die Icons ungleichmäßig, was das Ergebnis noch verschlechterte
- Statt alle neuen Icon-Sets von Hand neu zu zeichnen, wurde ein Erzeugungsskript geschrieben, das die einzelnen Icon-Bestandteile programmatisch zeichnet
- Mit diesem Skript wurden für alle Tools automatisch 48×48-, 32×32- und 16×16-Icons erzeugt
- Die Inkonsistenz, dass nur manche Icons kleine Versionen oder Schwarzweißversionen hatten, verschwand
- Alle Icons bekamen alle Versionen
- Der schwierigste Teil waren die 16×16-Icons
- Die bei Pageant von Hand getroffenen Antialiasing-Entscheidungen mussten in Code nachgebildet werden
- Dieselbe Methode musste auf alle grafischen Bestandteile angewendet werden
- Die Ergebnisse des Skripts sind nicht vollständig identisch mit den ursprünglichen Handzeichnungen
- Beim PuTTY-Icon war das Ergebnis sehr nah dran und unterschied sich nur um wenige Pixel
- Beim Pageant-Icon änderte sich nicht nur das Antialiasing des Hutbands, sondern auch die Größe des Computers
- Das Skript wurde außerdem so gebaut, dass es Schwarzweiß-Icons erzeugen kann
- 2007 dürfte die Nutzung von Windows auf Schwarzweißdisplays noch seltener gewesen sein
- Dank der Automatisierung konnten sogar 48-Pixel-Schwarzweiß-Icons erstellt werden
pterm und X11-Icons
- 2002 wurde ein großer Teil des PuTTY-Codes nach Linux portiert; daraus entstanden ein GUI-PuTTY für Linux und der X11-Terminalemulator pterm
- X11-Programme können ein Icon-Bitmap in den Fenstereigenschaften setzen
- Der Window Manager kann es als minimiertes Icon, Taskbar-Eintrag, Icon im Fensterrahmen usw. verwenden
- 2002 war die Annahme, GTK 1 unterstütze das Setzen von Fenster-Icons nicht; zudem war es umständlich, mehrere Bitmap-Dateiformate bereitzustellen, daher wurde kein Icon erstellt
- Nachdem das Erzeugungsskript existierte, war die Ausgabe mehrerer Dateiformate einfach, und es stellte sich heraus, dass auch GTK 1 das Setzen der Icon-Eigenschaft ermöglicht
- Da pterm keine Netzwerkkommunikation betreibt, zeigt sein Icon nur einen einzelnen Computer, groß dargestellt und ohne Blitz
- Für den pterm-Konfigurationsdialog wird wie beim PuTTY-Konfigurationsicon das Schraubenschlüssel-Overlay wiederverwendet
- 2021 wurde es möglich, pterm unter Windows zu betreiben, und dieses Icon kam auch für pterm auf Windows zum Einsatz
Installer-Icon und Farbverarbeitung
- Das Erzeugungsskript kann auch True-Colour-Icons ausgeben, sodass man nicht mehr an die alte 16-Farben-Palette gebunden ist
- Das Icon des PuTTY-Installers enthält eine geöffnete Pappschachtel und einen Blitz, der zu einem Computer hin austritt
- Beabsichtigt war das Bild: „PuTTY springt aus der Schachtel auf die Maschine des Nutzers“
- Für die Pappschachtel war Braun nötig, aber Braun ist in der alten Windows-16-Farben-Icon-Palette nicht enthalten
- In True-Colour-Icons konnte echtes Braun verwendet werden
- Für Abwärtskompatibilität wurden dennoch 16-Farben-Icons beibehalten
- Dunkelrot
#800000wurde jeweils 50:50 mit Schwarz#000000, Dunkelgelb#808000und Gelb#ffff00gemischt, um drei annähernd braune Farben zu erzeugen - Bei True Colour wird die Durchschnittsfarbe verwendet; in der 16-Farben-Version wird sie als Halftone dargestellt, indem Pixel der beiden Palettenfarben abwechselnd gesetzt werden
- Dunkelrot
Als SVG neu erstelltes Icon-Set
- Das bestehende Icon-Skript funktioniert bei 32×32 und 48×48 gut und auch die Verkleinerung auf 16×16 ist ordentlich, aber bei noch größeren Größen ist die Qualität schlecht
- Bei einem gescheiterten Mac-Portierungsversuch wurde für das MacOS-Dock ein 128×128-Icon benötigt, und die Ausgabe des alten Skripts in dieser Größe war nicht zufriedenstellend
- Die Mac-Portierung wurde faktisch aufgegeben, aber vollständig skalierbare Icons können auch für andere Zwecke nützlich sein
- Sie lassen sich auch außerhalb des Kontexts von GUI-Icons verwenden
- Denkbar sind etwa T-Shirts oder Laptop-Sticker
- Das zweite Icon-Erzeugungsskript ahmt die Denkweise des alten Skripts nach, gibt aber statt Bitmaps SVG-Dateien aus
- Die aktuelle SVG-Version besteht aus acht Icons: PuTTY, PuTTY-Konfiguration, pterm, pterm-Konfiguration, PSCP, Pageant, PuTTYgen und Installer
- Bei kleinen Icons kennt SVG die Antialiasing-Entscheidungen nicht, daher rendert das alte Skript besser
- Für große Icons, insbesondere wenn große True-Colour-Bitmaps nötig sind, wird empfohlen, auf Basis der SVGs zu rendern
Warum der alte Stil beibehalten wird
- Der aktuelle Zustand des PuTTY-Icon-Sets behält den Stil der 1990er-Jahre bei und ergänzt ihn um mehrere Rendering-Verfahren
- Es gab Leute, die den gesamten 1990er-Stil ablehnten und neue Design-Sets vorschlugen, aber kein Vorschlag gefiel gut genug, um übernommen zu werden
- Der 1990er-Stil wird als etwas wahrgenommen, das PuTTY beruhigend altmodisch wirken lässt
- Es erscheint unwahrscheinlich, dass ein großes Redesign tatsächlich akzeptiert wird; voraussichtlich werden die aktuellen Icons oder nahezu identische Formen während der Lebensdauer des Projekts erhalten bleiben
1 Kommentare
Meinungen auf Hacker News
Bei der Stelle, dass es seltsam sei, dass der Blitz gelb ist, bin ich kurz gestutzt; für mich fühlte sich Gelb „offensichtlich“ wie die richtige Farbe an.
Auch bei einer Bildersuche ist der gelbe Blitz das gängigste Symbol für Elektrizität, und die üblichen schwarz-gelben Warnschilder kommen einem ebenfalls in den Sinn.
Ich weiß nicht, wie lange diese Darstellung historisch schon existiert oder woher sie stammt, aber in Comics und Cartoons scheint sie schon seit Langem weit verbreitet zu sein.
Auch britische Warnschilder vor tödlichem Stromschlag sind nicht schwarz, sondern schwarz auf gelbem Grund: https://www.hse.gov.uk/electricity/nearelectric.htm#signs
Allerdings sieht man bei der Bildersuche nach Blitzen durchaus einige Alternativen wie Türkis, Violett oder Rot auf königsblauem Hintergrund.
Vermutlich wirkten solche Farbentscheidungen Ende der 90er völlig natürlich und folgten den Windows-Designkonventionen, sodass man damals nicht weiter darüber nachgedacht hat — was er offenbar vergessen hat.
Gelb wurde schon lange als Signalfarbe mit hoher Sichtbarkeit bevorzugt und dürfte auch auf Gehäusen industrieller Geräte als Piktogramm gut funktioniert haben, um unabhängig von Sprache klar vor Stromschlaggefahr zu warnen.
Am Ende blieb der gelbe Blitz wohl aus einer Art Trägheit erhalten: „Das haben wir schon immer so gemacht.“
Genau das ist einer der Gründe, warum PuTTY so anziehend ist. Anwendungen, die wie PuTTY aussehen, haben etwas Beruhigendes.
Ich weiß nicht, ob die alte Optik durch ihre Unverändertheit ein Gefühl von Stabilität vermittelt oder ob sie durch die Nutzung der Betriebssystem-Standardelemente konsistenter wirkt.
Umgekehrt wachsen bei Apps mit „moderner“ Ästhetik Misstrauen und Skepsis, je mehr Material Design, abgerundete Ecken, Übergangseffekte, niedriger Kontrast und große Weißräume dazukommen.
Für eine Psychoanalyse bin ich nicht qualifiziert, aber da es eine Gruppe gibt, die PuTTY-artiges Design mag, dürfte diese Deutung nicht allzu selten sein.
Dieses Aussehen garantiert zwar nicht zwingend Geschwindigkeit; sie könnte anderswo Zeit verschwenden oder das Aussehen aufwendig nachahmen. Aber sie könnte auch das echte Ding sein, das wie der alte Notepad sofort reagiert.
Ich vermisse diesen Notepad, der „einfach eine Datei in ein Text-Control lädt und sich um
\r-lose\nnicht schert“. Ein Programm, das nicht vorgab, etwas anderes zu sein, sondern genau seine Aufgabe erledigte.Ich glaube, ich habe früher einmal eine Neuimplementierung von Notepad in Assembler gesehen; der Glue-Code, der Dateizugriff mit dem Text-Control verband, machte ungefähr die Hälfte des Bildschirms aus, und vielleicht gab es sogar ein
ctrl+h-Menü samt Dialog.Ähnlich wie der Glue-Code, für den Python gern gelobt wird, nur eben reiner Assembler und ohne Abhängigkeiten außer der DLL für Dateizugriff und einem minimalen Satz an Standard-Controls.
Heute nutzt alles entweder große „moderne Windows“-Widgets oder, noch schlimmer, Electron.
Es könnte ein Button sein, ein Textfeld oder einfach nur ein Rechteck.
Der Satz „Ich erkannte, dass Pageant nie veröffentlicht würde, wenn ich wartete, bis ich das gewünschte Icon gezeichnet hätte“ hat mich angesprochen.
Viele Projekte, an denen ich gern herumbasteln würde, bleiben an solchen selbst verursachten Hindernissen hängen.
Bei mir ist ein typisches Beispiel, dass ich beim Festlegen des Repository-Namens oder des Namens des obersten Ordners steckenbleibe.
In der Hacker-Kultur wird Projektmanagement oft als Verschwendung abgetan, aber Wege zu finden, ein Projekt voranzubringen, ist eine wertvolle Aufgabe.
Dinge wie Repository-, Variablen- oder Struct-Namen kann ich merkwürdigerweise schlecht festlegen.
Am Ende kam ein Logo heraus, das viel einfacher ist als ursprünglich geplant, aber mehr Sinn ergibt.
Er sagt, er erinnere sich nicht, warum er den Bildschirm blau gewählt hat, aber bei Win-3.x- und Win95-Icons war Blau eine Standardfarbe zur Darstellung von Bildschirmen; vermutlich folgte er einfach dieser Konvention.
EDIT.COMund das MS-DOS-Installationsprogramm verwendeten ebenfalls einen blauen Hintergrund.Tatsächlich war Blau, also CGA-Farbe Nummer 1, in vielen Tools als Hintergrundfarbe sehr beliebt.
Bei Turbo Pascal, Turbo C und Ähnlichem war weiße Schrift auf blauem Hintergrund ein häufiges Farbschema, und Borland dBase mischte auf mehreren Bildschirmen blaue und türkisfarbene Hintergründe.
Da die damals verfügbaren Farben begrenzt waren, war Blau eine der wenigen Hintergrundfarben, die angenehm für die Augen waren.
Ich erinnere mich auch, dass Windows 3.1, 95, 98 usw. Blau als Bildschirmfarbe in Icons verwendeten, die einen Computer darstellten.
Bei Icons mit zwei Computern, etwa „Netzwerkumgebung“, war ein Bildschirm blau und der andere türkis.
Ich musste hineinzoomen, um zu prüfen, ob es nicht dasselbe Icon ist.
Das weckt Erinnerungen. Um 2000 herum habe ich PuTTY geforkt und eine Version namens „RedBrick PuTTy“ gebaut, mit einem Button, der in einem Schritt eine SSH-Verbindung zu redbrick.dcu.ie herstellte
redbrick.dcu.ie war der Terminal-Server der Dublin City University Networking Society, und ich weiß nicht mehr, ob ich damals Systemadministrator oder Webmaster war
Aber ich erinnere mich, dass ich das Logo von Hand bearbeitet und einen roten Ziegelstein eingefügt habe
In diesem Bild kann man ihn gerade noch erkennen: https://wiki.redbrick.dcu.ie/images/b/b8/Putty_configuration...
Dank dieses kleinen, albernen Forks stieg die Nutzung von SSH statt Telnet von etwa 5 % auf praktisch 100 %
Danke an Simon für die Lizenz, die so etwas möglich gemacht hat
Die Stelle „ich schrieb Code, der alle Bestandteile jedes Icon-Bildes programmatisch zeichnet“ ist ein sehr gutes Beispiel dafür, wie Simon an Probleme herangeht
In den 2000ern habe ich ziemlich viel Zeit mit Simon verbracht und viel über die verschiedensten Themen gelernt; diese Herangehensweise fühlt sich wirklich sehr nach ihm an
Das erinnert mich daran, dass damals unter Windows die Standardanzeige für Icons nicht mehr 32×32, sondern 48×48 wurde, während MacOS im Dock 128×128-Icons wollte
Einer der oberflächlichsten, aber zugleich stärksten Gründe, warum ich damals von Windows zu Mac OS X gewechselt bin, waren genau diese 128×128-Icons
Die Icons als Einstiegspunkte für Apps im Finder oder Dock wirkten viel ansprechender und intuitiv schöner
Besonders Windows-App-Icons verwendeten oft weniger Farben als Mac-Apps
Natürlich gab es mehrere Gründe für den Wechsel, aber als ich zum ersten Mal den Mac-Desktop sah, machten die Icons einen so starken Eindruck, dass ich genauer hinsehen wollte
Kaum jemand schien sich darum zu kümmern, ordentliche Icons zu erstellen
Manche waren nicht aktualisiert worden, obwohl die Standardgröße auf 48×48 umgestellt worden war, und wirkten durch das Hochskalieren verschwommen; andere enthielten zwar alle Größen, waren aber nur verkleinerte Versionen eines Bildes, das ausschließlich in großer Größe gut aussah
Bei der üblichen Icon-Größe verschwammen dann alle Details zu einem Durcheinander
Weil ich auf dem Desktop oder in der Taskleiste keine hässlichen Icons sehen wollte, habe ich oft selbst benutzerdefinierte Icons erstellt und mit einem Ressourcen-Editor die Icons in den ausführbaren Dateien ausgetauscht
Beim Übergang von Bitmaps zu SVG geht etwas verloren
Die raue Körnigkeit von Bitmaps hat einen ganz eigenen Reiz
Man kann es nicht einfach 1:1 übertragen und ein gutes Ergebnis erwarten. Außerdem ist es in der Praxis auch nicht 1:1, und in der SVG-Version sind die Konturen viel dünner geworden
Bei niedrig aufgelösten Bildern füllt die Vorstellungskraft die Lücken
Je höher die Auflösung, desto höher muss auch die Qualität sein. Vektor-Art hat per Definition schließlich unendliche Auflösung
Ich frage mich, ob das Hut-Icon von „Agent“ von Forté Agent inspiriert war, das meiner Meinung nach die beliebteste Usenet-Software für Windows war
Es verwendete ein sehr ähnliches Motiv: https://archive.org/details/forte-agent-1.6
Schön, diese Geschichte direkt von jemandem zu lesen, der sie geschaffen hat
Selbst in der modernen Version von 2014 gibt es an derselben Stelle einen Film-noir-Detektiv, und das App-Icon ist immer noch eine Frau mit Hut: https://youtu.be/h-_UNm_gycU?t=94
Ich kenne keinen offiziellen Link, der das dokumentiert, aber bei einer Bildersuche unter https://www.google.com/search?q=spy+vs+spy&udm=2 findet man viele Bilder, die als Inspiration für diesen Hut gedient haben dürften