​pixolino Website: Icons

​Website-Icons sind kleine quadratische Bilddateien, die in unterschiedlichen Größen verwendet werden, um einen visuellen Verweis auf die Website zu setzen. Sie sind praktisch ein kleines Logo der Website. Eingesetzt werden die Icons beispielsweise:

  • neben der Websitesadresse (URL) im Browser
  • neben dem Seitentitel im Browser-Tab
  • in der Bookmark-Liste des Browsers
  • als Link zur Website auf Mobilgeräten (damit ist die Website wie eine App aufrufbar)
  • als Link zur Website in einer Windows-Kachel

Für all diese Verwendungszwecke werden unterschiedliche Icons benötigt, die versteckt in die Website eingebunden werden müssen. Pixolino nimmt Ihnen diese Arbeit komplett ab und generiert die notwendigen Bilddateien automatisch, optimiert diese und bindet sie in die Website ein. Dazu müssen Sie lediglich die Ausgangsdateien bereitstellen.

Icons für die Website

Das Icon wird verwendet als Adress- und Lesezeichen-Icon (Favicon) in allen gängigen Desktop-Browsern und als Webapp-Icon unter iOS und Android. Bitte verwenden Sie eine quadratische PNG-Datei mit mindestens 600 px Kantenlänge und einem gefüllten Hintergrund (nicht transparent).

Lesezeichen-Titel

Der Lesezeichen-Titel wird verwendet unter iOS, Android und ab Windows 8, um das Lesezeichen-Icon zu beschriften. Wird dieser Wert nicht gesetzt, wird die Beschriftung aus dem Seitentitel erzeugt, der allerdings zu lang sein sollte und daher für die Beschriftung automatisch gekürzt würde.

Pinned Tabs unter Safari ab OS X El Capitan

Unter Safari ab OS X El Capitan können Lesezeichen direkt unterhalb der Adresszeile als Icon abgelegt werden. Bitte verwenden Sie dazu eine quadratische SVG-Datei mit einem schwarz eingefärbten Vektor-Icon (also eine gezeichnete Variante, kein pixelbasiertes Bild) und ohne Hintergrund (transparent). Die SVG-Datei darf nur eine Ebene enthalten und das viewBox-Attribut muss auf 0 0 16 16 gesetzt sein.

Kachel-Lesezeichen ab Windows 8

Ab Windows 8 können Lesezeichen in einer farbigen Kachel abgelegt werden. Bitte verwenden Sie dazu eine quadratische PNG-Datei mit mindestens 310 px Kantenlänge, einem weiß eingefärbten Icon und ohne Hintergrund (transparent).

Als Hintergrundfarbe der Kachel wählen Sie eine der neun Farben des Windows-Farbschemas aus. Achten Sie bitte darauf, weiter oben den »Lesezeichen-Titel« anzugeben.