Fork me on GitHub

MultiRes Favicon erstellen

8 Aug 2017

Ein Favicon ist ein kleines Bild. Es wird unter Anderem in Browsertabs, in der Adressleiste des Browsers oder als Symbol für ein Link der auf dem Bildschirm eures Telefons abgelegt wurde verwendet.

Das kleine Flammen Logo ist ein Favicon, welches ich auf meinem Blog nutze.

So genannte MultiRes Favicon sind .ico Icon Bilddateien in der verschiedene Versionen des selben Bildes gespeichert sind. Die Versionen unterscheiden sich in der Anzahl der Pixel die zur Darstellung des Symbols verwendet werden.

MultiRes Favicon erstellen

Der folgende Befehl konvertiert das Bild logo.png in ein MultiRes Favicon. Dazu muss auf dem Rechner ImageMagic installiert sein.

convert logo.png   -bordercolor white -border 0 \
      \( -clone 0 -resize 16x16 \) \
      \( -clone 0 -resize 32x32 \) \
      \( -clone 0 -resize 48x48 \) \
      \( -clone 0 -resize 64x64 \) \
      \( -clone 0 -resize 192x192 \) \
      -delete 0 -alpha off -colors 256 favicon.ico

Die original Datei logo.png ist 500x500 Pixel groß.

500x500px

Nach dem convert Befehl erhaltet ihr eine Datei favicon.ico. Wenn ihr diese Datei mit Gimp öffnet, dann könnt ihr die verschieden Formate (Ebenen) erkennen.

in Gimp erkennt man die Ebenen

Links

comments powered by Disqus