Homepage-Icon (Favicon) selbst erstellen

    Hallo.
    Hier mal eine kleine Anleitung um sich eigene Homepageicons (favicons) zu erstellen:

    Da Icons nur eine größe von maximal 32*32 Pixel haben dürfen (auf Homepages verkleinert es sich auf 16*16!!) eignet sich das kleine aber feine malprogramm "Paint" hervorragend dafür.

    Man startet also einfach mal Paint, dann geht man auf den reiter "Ansicht" (siehe Bild1) dort auf Zoom und weiter auf Benutzerdefiniert. In dem neuen Fenster kann man dann 800% einstellen damit das alles etwas übersichtlicher wird.

    [Blockierte Grafik: http://stumpgrinder.de/paintansicht.jpg]

    Dann kann man nach Herzenslust anfangen seine Bildchen zu entwerfen, die einzelnen Pixel sind nun sehr groß und alles sieht etwas unförmig aus, aber wenn man nicht allzu filigrane Grafiken macht, sieht es in der ´echten´ kleinen Ansicht auch schärfer aus.

    Bei dem mittleren Bild habe ich einfach mit der Airbrush funktion von Paint und verschieden Farben etwas "rumgesaut" aber in mini kam dann ein schickes kleines Grafitti-Icon dabei heraus. :)

    [Blockierte Grafik: http://stumpgrinder.de/iconworkshop.jpg]

    Jetzt kommt aber noch der Trick:
    Leider ist Paint nicht mit .ico Dateien kompatibel, deshalb muss man das Bild aus Paint jetzt erstmal abspeichern. Dieses dann mit z.B. "IrfanView" wieder öffnen, dann auf Speichern unter... und als Dateityp "ICO Windows Icon" verwenden.

    [Blockierte Grafik: http://stumpgrinder.de/irfanicon.JPG]

    Wenn ihr das fertige und als .ico gespeicherte Icon jetzt für eure Homepage verwenden wollt, müßt ihr es nur noch Umbenennen in "favicon" und einfach mit auf euren Webspace schmeißen. Wenn es dort also dann "favicon.ico" heißt, ist es automatisch das Icon/Favicon der Homepage! :)

    Gruß,

    stum.

    Modedit: Habe die Überschrift des Themas angepasst, findet sich so viel leichter, DANKE für den super Tipp!!! :wink: , kaiserfive

    Leider finde ich kein "edit" button für meinen eigenen Text, deshalb hier ein kleiner Nachtrag, oder besser gesagt, Kapitel 2: :)
    Ganz am Anfang wenn man Paint geöffnet hat muß man natürlich erst die Bildattribute auf 32*32 Pixel einstellen. Das geht mit Paint-->Bild-->Attribute, oder einfach mit Strg+E. Danach alles auf 600 oder 800%.

    Dann, wenn man das Bild später mit IrfanView als ICO Datei speichert, kann man noch festlegen ob eine Farbe Transparent erscheinen soll. In dem Baumicon oben rechts sieht man sehr schön den Unterschied wenn man einfach schwarz als Transparent erscheinen läßt.

    [Blockierte Grafik: http://stumpgrinder.de/iwsh.jpg]

    [Blockierte Grafik: http://stumpgrinder.de/transp.jpg]

    Gruß und viel Spaß,

    stum.