Favicon in Safari - ?Touch Icon?

    Hallo Schwarmwissen ;-) die Suchfunktion hat mich nicht weiter gebracht.

    Es geht um diese Webseite
    http://www.kids-express.de

    Nun hab ich mich um die Favicons gekümmert was auch prinzipiell gut funktioniert.

    Jedoch siehe Anhang wird das "Favoriten Icon" nicht in Safari angezeigt?
    Jemand ne Idee wie das heißt?

    Jemand ne Idee was noch fehlt?
    Oder was falsch ist?

    Danke für eure Hilfe

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    im Quelltext deiner Seite findet man nur dies

    Code
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="favicon.ico">


    also weniger wie oben und auch ein anderer Pfad (ohne /img)

    Hi,

    Wenn ich mir deine Angaben oben anschaue, könnte es sein das die Pfadangabe unvollständig ist.

    Zitat


    <link rel="manifest" href="img/favicon/site.webmanifest">
    <link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">

    Ich denke da fehlt bei der href Pfadangabe zu Anfang ein /

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

    Marcus Idee SUPER! Aber leider nicht funktioniert. glaub es geht mit und ohne Slash! Aber selbst das hab ich nicht gesehen!

    Und trotzdem danke fürs drüber schauen :-)

    Weiß einer was hier für ein Link Rel genommen wird?

    Zitat von r23

    Die Seite verwendet kein WordPress und deine Frage hat auch eigentlich kein WordPress Bezug...

    Wie du im oberen Bild siehst will ich die Fav`s auch in den anderen Wordpress Webseiten reinmachen, da GEHT es auch nicht!
    Und da ist glaub egal welche Untergrund an Webseite da ist oder?

    Die restlichen sind alle Wordpress

    Für die die Lösung wollen ;-)

    Code
    <link rel="apple-touch-icon" sizes="57x57" href="/img/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-icon-180x180.png">

    Diese werden über Size ja reguliert, aber sollten alle 512 x 512 Pixel sein.


    Code
    <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96x96.png">

    Diese sollten aber genau die größe haben, sonst hat Chrome, Opera GX und Brave Probleme ;-)

    @Marcus[IS] trotzdem danke ;-)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden