Website Favicon mit Photoshop erstellen

November 15th, 2006 - ,

Wenns um Grafikbearbeitung geht dann hat man sofort Adobe Photoshop im Kopf. Es ist das Allzweck-Tool mit unbegrenzten Möglichkeiten. Aber Photoshop kann doch nicht alles. Die kleinen Favicons z.B. kann Photoshop von Haus aus weder bearbeiten noch erstellen. Eigentlich unglaublich, unterstützt es doch “alle” Dateiformate. Nur .ico sucht man in der Liste der unterstützten Formate vergebens.

Natürlich gibt es eine jede Menge anderer Software mit denen man kompfortable diese kleinen Grafiken erstellen kann. Wer aber trotzdem gerne Photoshop verwenden möchte kann es mit einem Plugin erweitern.

Ein kostenloses Plugin das .ico Dateien unterstützt findet man auf der Website von Telegraphics. Hier finden sich außerdem weitere kostenlose Plugins für Photoshop und Illustrator.

Favicon erstellen:

  1. neue Grafik erstellen (16×16 Pixel, RGB)
  2. beliebig gestalten
  3. “Speicher unter …” hier das Format ico auswählen
  4. fertig

Anschließend muss im Head-Bereich der HTML Seite noch das Icon eingebunden werden, in etwa so:

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />


Andere interessante Themen

COMMENTS

Michaela

November 2nd, 2007 at 20:26

Hallo!
Danke für diesen Hinweis. Bin heute auch schon auf der suche nach FavIcons gewesen und auf Dein Blog gestossen.
Weißt du, ob das Plugin auch für CS 3 Extended funktioniert?
Hat das schon mal wer ausprobiert?
Vielen Dank!
LG aus Wien, Michaela

Björn

May 15th, 2008 at 07:31

Hallo Michaela,

Habs nun endlich mal testen können. Und Ja, das Plugin funktioniert auch mit Photoshop CS 3.

Gruß,
Björn

Dieter

September 21st, 2008 at 12:13

Mit dem Online Generator von http://www.favicon-maker.de kann man in Sekunden ein Favicon erstellen. Grafik hochladen und fertig

BokChoy.de » Der Vorteil von Favicons für deine Seite oder Blog

October 30th, 2008 at 07:04

[...] – Alles über Favicons: Verwendung, Erstellung, Tipps und Tricks!” und “Website Favicon mit Photoshop erstellen” einige Tipps und [...]

LEAVE A REPLY