ButtonBrowser - Buttonsammelseite

Themen

Bezeichnung, Ursprung

Anatomie eines Antipixel

Eigene Antipixel erstellen

Weitere Quellen

Downloads: Vorlagen und Fonts

Ansicht

Stil:
Weiss/Schw.
Einfach
Standard

Was ist ein Antipixel?

Bezeichnung, Ursprung:

Ein Antipixel ist eine kleine Grafik mit den Maßen 80x15 Pixel. Neben dieser speziellen Größe zeichnet ein sogenanntes Antipixel auch die spezielle Gestaltung aus:

ein 1 Pixel breiter, äußerer Rahmen
ein 1 Pixel breiter, innerer Rahmen
eine Schrift, gestaltet mit einem "Pixel Font"
Schriftgröße in der Regel 6 Pt (Punkt)

Abbildung: Antipixel (80x15)

Abbildung: Antipixel, vergrößert (320x60)

Das sind die wesentlichen Merkmale eines Antipixel.

Der etwas wunderliche Name stammt vom Blog des Erfinder. Jeremy Hedley stellte auf www.antipixel.com die ersten Buttons mit diesen speziellen Merkmalen zum Download bereit.

Eigentlich wollte Hedley nur die üblichen Grafiken, die es vom W3C für standardkonforme Websites gibt, schöner und moderner gestalten. Innerhalb der Blogszene (auch "bloggosphere" genannt) wurden die Buttons sehr schnell bekannt und verbreitet. Anfangs für den eigentlichen Zweck, standardkonforme Websites damit auszustatten. Recht schnell kamen jedoch einige Blogger auf die Idee, die Buttons auch zum verlinken zu anderen Blogs zu verwenden. Schnell kreierten einige Blogger Antipixel Buttons für ihr eigenes Blog, oder eigene Kampagnen. Die Verbreitung der Antipixel Button war somit nicht mehr zu stoppen. Inzwischen erfreuen sie sich so grosser Beliebt- und Bekanntheit, dass sie sogar von Firmen und/oder für Werbezwecke verwendet werden. Auch für den Einsatz von Countern (Statistikzähler für die Website) werden sie verwendet, ebenso für die immer weiter verbreitete Darstellung des Google PageRanks

Im deutschen Sprachgebrauch wird teilweise der Ausdruck "Microbutton" verwendet. Diese Bezeichnung ist jedoch missverständlich, da es noch das verbreitete Format von 88x31 Pixel gibt, welches ebenfalls hin- und wieder als "Microbutton" bezeichnet wird.

Die englische Wikipedia führt die Button auch unter den Begriff Antipixel wohingegen auf der deutschen Wikipedia von Microbutton die Rede ist, hier nur zu finden unter Werbebanner.

Anatomie eines Antipixel:

Abbildung: Details eines Antipixel Button

Der "Original" Font (Schriftsatz) der am häufigsten verwendet wird heisst Silkscreen. Bei diesem Font handelt es sich um einen, lapidar formuliert, "Pixel Font". Das besondere an solchen Fonts ist, dass sie auch in einer sehr kleinen Größe (6 bis 8 Punkt) noch leserlich sind. Bei Fonts wie z.B. "Arial" oder "Verdana" bekommt man da schon Schwierigkeiten. Ein weiterer Vorteil von Pixel Fonts ist, dass die Grafik sich später beliebig skalieren läßt - die Schrift bliebt immer in der eigentlichen Struktur erhalten.

Die Schrift innerhalb des Buttons wird normalerweise auf Größe 6 Pt. gesetzt. In Grafikprogrammen ist es dabei wichtig die Funktion "Antialias" abzustellen, damit es nicht zu Schmiereffekten kommt.

Eigene Antipixel erstellen:

Die einfachste und schnellste Möglichkeit eigene Buttons zu erstellen bietet natürlich der Buttonmaker auf dieser Site ;-)
In der Historie sind alle Buttons zu sehen, die bereits von Besuchern der Site erstellt wurden. Auch die nachträgliche Veränderung bzw. Weiterbearbeitung ist über diese Historie möglich: Einfach den Button anklicken, er wird dann mit allen Einstellungen in den Buttonmaker geladen. Aber aufgepasst: Die Historieseiten können eine Weile benötigen bis sie im Browser fertig geladen sind, da derzeit an die 1.000 Buttons pro Monat in der Liste geführt werden.

Nachdem das ganze zwar zauberhaft, aber keine Zauberei ist, kann freilich auch ein beliebiges Grafikprogramm dafür verwendet werden. Selbst das mit Windows ausgelieferte "MS Paint" reicht dafür aus. Menschen mit besserer Grafikkenntnis werden eventuell zu Photoshop oder Ähnlichen Werkzeugen greifen. Wer auf einen Pixel Font, oder gar Silkscreen, Wert legt, der lädt sich noch zuvor den gewünschten Font und installiert diesen auf seinem System. Unter Windows reicht es den Font in das Windows-Fontsverzeichnis zu kopieren, unter Mac OS X reicht in der Regel ein Doppelklick auf den heruntergeladenen Font.

Weitere Quellen:

Weitere Quellen und interessante Links zu diesem Thema sind auf der Linksseite zu finden.

Downloads: Vorlagen und Fonts

Als Starthilfe hier ein paar "Vorlagen" zum Gestalten eigener Buttons mit Hilfe eines Grafikprogramms. Die Vorlagen können heruntergeladen werden durch: Rechts Klick mit der Maus auf die Grafik -> und im Kontextmenü wählen "Grafik speichern unter...". Das komplette Paket kann auch als ZIP Datei heruntergeladen werden, dort sind dann alle Grafikformate enthalten.

PNG:GIF:BMP: