Skip to content

Standard WebAssets | Projektdesign

Sascha Xander edited this page Jan 8, 2021 · 2 revisions

ordered extensions --> (best,good,worst)

Logo

logo (svg, png, jpg)

Background

login background (svg, png, jpg)

Favicon

Das Favicon sollte eine grafische Darstellung Ihres Website-Logos sein, damit Nutzer es beim Stöbern in den Suchergebnissen schnell zuordnen können. Das Favicon sollte ein Vielfaches von 48 px sein, z. B. 48 x 48 px, 96 x 96 px oder 144 x 144 px. SVG-Dateien haben keine bestimmte Größe. Jedes gültige Favicon-Format wird unterstützt. Für die Verwendung in den Suchergebnissen skaliert Google das Bild auf 16 x 16 px – achten Sie also darauf, dass es in dieser Auflösung gut aussieht. Hinweis: Geben Sie kein Favicon im Format 16 x 16 px an. Die Favicon-URL sollte sich möglichst nicht ändern. Favicons, die Google als unangemessen einstuft, werden nicht angezeigt. Dazu gehören z. B. pornografische und Hasssymbole wie etwa das Hakenkreuz. Wenn eine solche Darstellung in einem Favicon erkannt wird, ersetzt Google es durch ein Standardsymbol.

most important

  • favicon (ico) <-- legacy browser support
  • favicon (svg) <-- because ONE SIZE FITS ALL ! =) #musthave

deprecated

  • favicon 16x16 (png)
  • favicon 32x32 (png)

browser support

  • safari pinned tab (svg)

mobilebrowser support for bookmarks / browsertiles

google chrome

  • android-chrome 192x192 (png)
  • android-chrome 512x512 (png)

microsoft edge

  • mstile 70x70 (png)
  • mstile 144x144 (png)
  • mstile 150x150 (png)
  • mstile 310x310 (png)
  • mstile 310x150 (png)

apple ios-safari

  • apple-touch-icon 180x180 (png)
  • apple-touch-icon-precomposed 180x180 (png)