Hallo. Ein SVG-Favicon erscheint mir in Firefox unter Windows 10 und macOS etwas seltsam. Das Tab-Symbol ist korrekt, das Lesezeichen-Symbol jedoch falsch:
Im Quellcode sehe ich:
<link rel="icon" type="image/png" href="https://londonbikers.com/uploads/default/optimized/3X/b/8/b8dce8ed67efe68449c05bb6d1d09fecd2bad6e1_2_32x32.svg">
Der Dateityp ist falsch. Weiß nicht, ob das wichtig ist? Ich glaube, ich habe zuvor ein PNG statt eines SVG hochgeladen.
Das Gleiche gilt für das Apple-Touch-Icon:
<link rel="apple-touch-icon" type="image/png" href="https://londonbikers.com/uploads/default/optimized/3X/e/2/e282ac096da1a473b060a379521996db4fb7d190_2_180x180.svg">
Das korrekte Bild oben ist das mit rel=“icon”.
Das falsche Bild oben ist das mit rel=“apple-touch-icon”.
Ich habe versucht, das Lesezeichen zu löschen und neu zu setzen. Das Ergebnis bleibt gleich. Es wird das Apple-Touch-Icon ausgewählt. Ist das ein Problem von Firefox oder von Discourse, wissen Sie das?
Die Spezifikationen deuten darauf hin, dass es funktionieren sollte:
