Frage zum Wiki-Artikel „Grafik/Favicon“

[Matthias Scharwies]

Servus!

Hallo miteinander,

nun sind ja schon einige Monate ins Land gegangen und die damals noch schwer im Bau befindliche Homepage ist endlich online.

Sieht gut aus! Das headerimage würde ich aber als Text / SVG realisieren - wäre besser für die Auffindbarkeit durch Suchmaschinen.

Folgendes habe ich (derzeit nur in der index.htm) im Head-Bereich hinzugefügt und auf meinen Webspace hochgeladen:

Einen "android-icon.png" in der Größe von 196 x 196 px liegt im Root-Verzeichnis

Sieht man mit Chrome 60 auf Android-Tablet

Diverse "apple-touch-icons.png" in verschiedenen Größen liegen alle im Root-Verzeichnis

Zwei vorgefertigte "apple-touch-icons" im PNG-Format liegen im Root-Verzeichnis

Vier Windows-Tile-Icons in verschiedenen Größen liegen im Verzeichnis /img

Sieht man mit Firefox auf WindowsPC

Das sieht in der index.htm dann so aus:

    <link rel="shortcut icon" href="android-icon.png" sizes="196x196">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57.png" />
    <meta name="msapplication-square70x70logo" content="img/smalltile.png" />

Für mich sieht das eher nach einem Problem des Referenzierens der Grafiken aus.

Warum hast du beim Android-Bild nur den Datei-Namen, bei den Apple-Icons aber den Slash (/) vor dem Dateinamen?

Herzliche Grüße

Matthias Scharwies