Favicons

Fundgruben-Tipp: Favicons erstellen


Favicons spielen vor allem in der Adresszeile des Browsers sowie der Favoriten- bzw. Lesezeichenliste eine große Rolle. Mit ihnen kann man auf eine bestimmte Internetpräsenz besonders aufmerksam machen.


Favicon-Beispiele


Aber auch auf dem Desktop und im Explorer können selbst erstellte Icons zum Einsatz kommen. Wie Du Deine eigenen Icons mit PI erstellst, das erfährst Du hier!


Achtung:

1. Favicons für die Website sollten eine Größe von 16x16 Pixel und Icons für den Desktop von 40x40 Pixel aufweisen!

2. Wenn Du ein Favicon in PI erstellt hast, dann musst Du es stets mit der Dateiendung .ico abspeichern! Gehe hierzu auf "Datei", danach auf "Speichern unter". Aus dem Untermenü für "Dateityp" wähle den Eintrag "ICO (Windows-Symbol)".



Eine Bild mit 16 Pixel Breite und 16 Pixel Höhe bietet natürlich nicht allzu viel Platz um sich darauf grafisch groß auszulassen. Du musst Dir also gut überlegen, wie Dein Favicon gestaltet sein soll, damit es später im Internet überhaupt noch zu erkennen ist. Für die Favicons eignen sich insbesondere Initialien sowie einfache Muster und Grafiken, wie Du auf den folgenden 10 Beispielen gut erkennen kannst:

Favicon-Beispiele


1. Icons mit Farbverläufen Favicon-Beispiele

Öffne eine neue Leinwand in 16x16 px - die Farbe ist erst einmal egal.
Gehe über "Bearbeiten" auf "Füllen..." (oder kurz über Strg + F) auf die Füllen-Funktion von PI. Wähle dort die Karteikarte "Farbverlauf". Experimentiere mit den Möglichkeiten "Mehrere Farben",


Füllmethode 'Mehrere Farben'


- Du kannst hier neben den Farben auch die Füllrichtung, genannt Fülltyp, bestimmen-

oder mit dem "Magischen Farbverlauf",


Füllmethode 'Magischer Farbverlauf'


bei dem Du den Fülltyp über die Funktion "Modus" variieren kannst.


2. Icons mit Buchstaben Favicon-Beispiele

Füllt Eure Leinwand mit einer Farbe und setzt mit Hilfe des Textwerkzeuges ein oder zwei Buchstaben drauf. Bevorzuge Schriftarten, die nicht allzu verschnörkelt sind, da anderenfalls die Buchstaben leicht zu unscharf wirken können. Probiert einfach aus, mit welchem Font Eure Initialien bzw. Buchstabenkombinatin am besten lesbar ist.


3. Icons mit einfachen Symbolen Favicon-Beispiele

Öffne eine Leinwand und fülle sie mit Deiner Wunschfarbe. Das Symbol kannst Du entweder Freihand zeichnen oder Du bedienst Dich aus dem Symbol-Fundus von PI. Hierzu wähle in der Werkzeugpalette das Pfad-Zeichenwerkzeug, und dort die "Benutzerdefinierte Form":


Pfad-Zeichenwerkzeug


Für die Wahl der Form gilt ähnliches wie bei den Schriftarten: sie sollte nicht allzu verschnörkelt sein.

Variante: Ziehe Deine Pfadform im Modus "3D Rund" auf: Favicon-Beispiele
Wenn Du ein wenig versierter im Umgang mit PI bist, kannst Du dabei Feineinstellungen über die "Werkzeugeinstellungen" und/oder die "Materialoptionen" vornehmen.



Du siehst, die Möglichkeiten sind äußerst vielfältig - dieses Kapitel kann und will daher nicht mehr als Dir den Einstieg in die Welt der Favicons zu erleichtern. Lass' Deiner Fantasie beim Erstellen Deiner eigenen Icons freien Lauf und teste mutig drauf los!



... Hier geht's nach oben !


... Zur Inhaltsübersicht der PI-Fundgrube !

PI-Miniaturmalereien