GreenSmilies

Da die Frage schon des Öfteren kam, möchte ich heute mal kurz etwas zum Thema Pixel, Transparenz, Antialiasing und Alphatransparenz loswerden, sowie was das Ganze mit weißen Rändern an Smilies zu tun hat.

Alpha… was?

Fangen wir mal mit der einfachen Transparenz in einer Grafik an. Damit ein rundes Objekt in einer rechteckigen Grafik nur an den Stellen den Hintergrund überdeckt, in welchem sich das runde Objekt befindet, muss das Negative vom Objekt transparent sein. An dieser Stelle befindet sich dann kein farbiges Pixel, sonder es scheint der Hintergrund durch. Bestes Beispiel hierfür ist ein runder grüner Smilie.

Im gezeigten Bild seht ihr die typische Darstellung im Photoshop, der transparente Teil des Bildes besteht aus diesem weiß/grauen Schachbrettmuster, der Rest ist der sichtbare Teil des Bildes. Hier in 16-facher Vergrößerung:

Die grünen Smilies werden alle im GIF-Format gespeichert, dieses Format erlaubt ausschließlich einfache Transparenz. Darum wechsle ich mal die Fronten, und mache mit den Smilies von Bodehase weiter.

Alphatransparenz

Oft reicht einfache Transparenz einfach nicht aus, vor allem dann nicht, wenn man keine harten, pixeligen Kanten möchte, welche bei GreenSmilies (das sei mal erwähnt) aber zum Konzept gehören. Hier kommt Alphatransparenz ins Spiel, sie erlaubt für jedes Pixel eine individuelle Durchlässigkeit, egal welche Farbe es darstellt.

Antialiasing

Jetzt kommen die Smilies von Bodehase ins Spiel, waren sie doch ursprünglich 150×150 Pixel groß und sollen auf die Größe von 16×16 Pixel geschrumpft werden. Gerade aber beim Skalieren (größer bzw. kleiner machen) von Bildern, arbeiten die meisten Grafikprogramme mit Interpolation, im Falle von Photoshop bikubisch, was vor allem dafür sorgt, dass die Kanten “geglättet” werden, dafür steht auch der Begriff Antialiasing bzw. Kantenglättung.

Innerhalb des Bildes ist diese Interpolation unbedenklich, an den Kanten aber wird es kritisch, sowie man nur einfache Transparenz erlaubt, ohne Alphatransparenz kommt es hier nämlich zu den unschönen weißen Pixeln, die ich ganz am Anfang angesprochen hatte.

Im Photoshop sieht man die Alphatransparenz am durchschimmernden weiß/grauen Schachbrettmuster sehr schön. Hier mal ein Smilie von Bodehase um den Faktor 16 vergrößert:

Speichert man diesen Smilie nun nur mit einfacher Transparenz, dann passiert das:

Alle halbdurchlässigen Pixel sind nun überhaupt nicht mehr durchlässig. Die meisten sagen jetzt vielleicht, dass man das eh nicht sieht, aber das ist nur der Fall, solange der Hintergrund passt!

Beispiel

Links ist der alphatransparente Smilie und rechts der, der mal alphatransparent war, aber nur mit einfacher Transparenz gespeichert wurde. Um zwischen weißem und schwarzem Hintergrund wechseln zu können, benutzt bitte Mr. Green:

Hintergrund ändern:

Toll, aber…

Alphatransaprenz ist toll, hat aber leider noch ein paar Nachteile im Web(!). Nur das PNG-Format unterstützt sie und PNG selber wird leider schon seit Jahren von Microsoft mit Füßen getreten (es gibt aber Workarounds). Soll heißen, erst der Internet Explorer 7 schafft es, alphatransparente Bilder fehlerfrei darzustellen. Ein weiterer Nachteil des PNG-Formats ist, dass derzeit keine Animationen damit möglich sind. Es gibt zwar APNG (animated PNG), doch wird dieses Format bislang nur von Firefox 3 und Opera 9.5 unterstützt. Darum bleibe ich auch weiterhin dem alten GIF, mit seiner einfachen Transparenz treu. Ich hoffe aber trotzdem, dass die Herkunft der weißen Pixeln nun klarer ist und das irgendwann animierte, alphatransparente PNG in allen Browsern dargestellt werden können.

Für Bodehase habe ich mal alle großen Smilies verkleinert und als alphatransparente PNG abgespeichert.

PS: Die Smilies sind nicht von mir, ich habe sie nur verkleinert!

Nun unterstützt auch die Smilie-Schreibmaschine das letztens vorgestellte Set der Braille-Smilies. Nicht alle Zeichen aus den anderen Buchstaben-Sets sind in Braille verfügbar, diese werden dann logischerweise in der Vorschau nicht dargestellt.

Übrigens bietet “Dialog im Dunkeln” nicht nur eine Ausstellung, sondern auch das sogenannte “Dinner in the Dark“. Hierbei darf im Dunkeln geschmaust werden, auf der Homepage steht dazu geschrieben:

Die kulinarische Reise startet um 19.00 Uhr mit einem Sekt-Empfang im Hellen. Nacheinander werden Sie in kleinen Gruppen durch die ersten unserer lichtlosen Ausstellungsräume geführt und lernen, Ihre anderen Sinne zu aktivieren. In unserem Dunkel-Restaurant servieren unsere blinden Servicekräfte Ihnen ein Vier-Gänge-Überraschungs-Menü. Schmecken Sie heraus, was Ihnen zubereitet wurde? Finden Sie das Glas Ihres Partners zum Anstoßen? Hier handelt es sich garantiert um eine Herausforderung für Gaumen und Tischkultur!

*Nachtrag*

Die in Braille fehlenden Zeichen sind (per Kommata getrennt): &, \, +, /, * und das Leerzeichen

Inspiriert von einem Gespräch und Besuch letzten Freitag, möchte ich euch heute ein spezielles Smilie-ABC vorstellen. Nicht Morsezeichen halten die grünen Smilies in ihren Händen, sondern die Zeichen der sogenannten Brailleschrift.

Die Brailleschrift wird von stark Sehbehinderten und Blinden benutzt. Sie wurde 1825 vom Franzosen Louis Braille entwickelt. Die Schrift arbeitet mit Punktmustern, die von hinten in das Papier gepresst sind, so dass sie als Erhöhung mit den Fingerspitzen abgegriffen werden können. Erfahrene Braille-Leser können etwa 100 Wörter pro Minute lesen. Zum Vergleich, sehende Leser schaffen etwa 250-300 Wörter pro Minute. Beim Selbstversuch etwas zu ertasten, fühlte ich kaum Unterschiede zwischen den Buchstaben, erstaunlich wie gut das erfahrene Leser beherrschen!

Zahlen:

Buchstaben:

Zeichen:

Das Alphabet ist nicht vollständig, es gibt noch weitere Buchstabenfolgen und Zeichen. Eine schöne Übersicht findet ihr in der Wikipedia.

PS: In Hamburg gibt es für alle Interessierten die spannende Möglichkeit, in die Welt der Dunkelheit abzutauchen und die Ausstellung “Dialog im Dunkeln” zu besuchen.

Die Idee ist denkbar einfach: In völlig abgedunkelten Räumen führen blinde Menschen das Publikum in kleinen Gruppen durch eine Ausstellung. Aus Düften, Winden, Temperaturen, Tönen und Texturen wird ein Park, eine Stadt oder eine Bar gestaltet. Alltagssituationen, die ohne Augenschein eine völlig neue Erlebnisqualität erhalten.

PPS: Dialog im Dunkeln gibt es nicht nur in Hamburg, sondern auch “on Tour“.

Einen Yoda ich brauche, damit Ute hier antworten ich kann. Schön grün er ist, gut ins Konzept er passt daher.

*Nachtrag*

Huch, was habe ich da nur angerichtet. Gerade eben flattert mir ein Google Alert zum Thema Smilies ins Postfach mit folgendem Betreff: “Nach dem Blutbad: Der Amokläufer und das Internet“. Irgendwie passt das nicht ganz zum Thema Smilies, also habe ich mich schnell zur Stuttgarter Zeitung durchgeklickt.

Im zweiten Absatz schreibt Peter Glaser:

Sucht man im Internet nach den Begriffen “Amok” und “Killer”, erscheint neben Berichten zu dem finnischen Amokläufer Matti Saari auch die Empfehlungs-Website Mister Wong mit der Frage: “Sie interessieren sich für amok oder killer, smileys, smilies, emoticons, blog, green, shooter, lauf, game, strike oder ego?” Auch wenn die Suchbegriffe es suggerieren – Martialisches ist unter den Treffern nicht zu finden.

(Screenshot des Artikels 767 KB)

Und folgert im Dritten:

Für Gewalt gibt es im Netz keinen Markt (…)

Sehe ich zwar etwas anders, aber dem Internet immer die Schuld in die Schuhe zu schieben, ist auch nicht der richtige Weg. Was aber am zweiten Absatz viel interessanter ist, ist der Zusammenhang, den er dank Mister Wong herstellt. Ratet mal, wer dafür verantwortlich ist?

Nochmals die Wörter, eines von mir dabei hervorgehoben:

Sie interessieren sich für amok oder killer, smileys, smilies, emoticons, blog, green, shooter, lauf, game, strike oder ego?

Na, hat es Klick gemacht? Genau, ich bin schuld! Habe ich doch vor einer halben Ewigkeit meine “Killersmilies” mit genau diesen Begriffen bei Mister Wong “gebookmarkt”.

Suche bei Google:

Seite bei Mister Wong, meiner einer ist der User “miccom”:

Tja, so schnell kann es gehen. Die Welt ist eine Google!

*Update*

Nun gibt es den Beitrag von Glaser auch bei Technology Review.