Unterstützung von „theme-color“ in Chrome 39 für Android

Screenshot des Smartphones mit Designfarbe.

Ab Version 39 von Chrome für Android unter Lollipop können Sie die Farbe der Symbolleiste mit dem Meta-Tag theme-color festlegen. Sie müssen dann keine grauen Symbolleisten mehr verwenden. Die Syntax ist ziemlich einfach: Füge der <head> deiner Seite ein meta-Tag mit name="theme-color" hinzu und lege für content eine gültige CSS-Farbe fest.

So stellen Sie beispielsweise den Hintergrund auf Ihre Lieblingsfarbe oder HTML5Rocks Orange ein:

<meta name="theme-color" content="#db5945">

Darüber hinaus zeigt Chrome schöne, hochauflösende Favicons an, sofern sie zur Verfügung gestellt werden. Chrome für Android wählt das Symbol mit der höchsten Auflösung aus. Wir empfehlen eine PNG-Datei mit 192 × 192 px. Beispiel:

<link rel="icon" sizes="192x192" href="nice-highres.png">

Sieh dir das Design für die Farbe „theme-color“ hier auf HTML5Rocks und auf der Web Fundamentals-Website an. Weitere Möglichkeiten, wie du deine Website hervorheben kannst, findest du in der Dokumentation Zum Startbildschirm hinzufügen.