Skip Navigation

Tags:

4. August 2005

Favicon

Abgelegt unter: — admin @ 13:58

Nach der erfolgreichen Ballastbeseitigung in Eurem Cache, habt Ihr sicher mein neues Favicon Favicon bewundert. Hier die Kurzanleitung wie man dieses in 5 Minuten erstellt.
Man besorge sich richtiges Werkzeug. Aufrichtig empfehlen kann ich da das freie und plattformunabhängige Vektor-Zeichenprogramm Inkscape. Das Tool verarbeitet SVG und versteht auch CSS. Seit der neuen Version 0.4.2 gibts Inkscape auch für MAC.
Danach neu Seite 16×16 öffnen und Stern platzieren, Farbe und Umriss wählen, als PNG exportieren. Natürlich geht das mit diesem Favicon Favicon sehr schnell, da der Stern in der Werkzeug Palette abgelegt ist. Mit GIMP dieses favicon.png öffnen, Motiv freistellen und mit transparentem Hintergrund als favicon.ico speichern. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> in das HTML-Dokument einfügen, Bild und Webseite hochladen.

Schnell kann es gehen, wenn man mit den richtigen Werkzeugen arbeitet.

2 Reaktionen zu “Favicon”

  1. gunni

    Was da wieder rausgefunden wird… da staunt der Laie!!!

    Ganz herzlichen Dank für den Software-Update und diese super Anleitung!

    Ein OpenSource-Vektorprogramm… ich glaub, ich spinne! :-D

  2. blog.artefact » Iconsets für Die Website

    [...] Die neue Iconsets von famfamfam wird in den Blogs heftig beworben, schön gemacht und das eine oder andere Icon mag man ja auch in .png oder .jpg verwenden. Wenn die Grösse Form und Farbe nicht stimmen (und das tun sie selten) ist Handarbeit gefragt. Das Format was ich für die Erstellung dazu benutze ist .svg. Inkscape habe ich hier schon vorgestellt. Die Rohdaten liefert mir openclipart.org. Die Bilder (über 5′000!) können online gesichtet oder als Download gezogen werden. Spätestens wenn unsere ruhmreichen Designer der Marke Schweiz die nächsten Anpassungen (Redsign) vornehmen, werden wir solche Werkzeuge zu schätzen wissen. [...]

Einen Kommentar schreiben