Contao-Camp 2024
Ergebnis 1 bis 13 von 13

Thema: Favicon wird nicht angezeigt

  1. #1
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    500

    Standard Favicon wird nicht angezeigt

    Wenn ich bei den Website-Einstellungen ein Favicon auswähle, wird das im Frontend nicht angezeigt.

    - Browser Cache löschen
    - "composer install"
    - Symlinks neu erstellen
    ... nichts davon hilft.

    Jemand eine Idee?

    Wie wird das Favicon im Template "fe_page.html5" ausgegeben?
    Über "<?= $this->head ?>" ?

    DAnke!

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Das im Backend einstellbare favicon würd über die /favicon.ico Route ausgespielt. Wenn du jedoch dort schon ein physisches favicon.ico hast, wird vom Webserver dieses ausgespielt.

  3. #3
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    500

    Standard

    Handelt sich um eine frische Installation.
    Ein physisches favicon.ico hab ich nicht hinzugefügt.

  4. #4
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Hast du den Browser neu gestartet? Was passiert, wenn du example.com/favicon.ico direkt aufrufst?

  5. #5
    Contao-Nutzer Avatar von theMatrix
    Registriert seit
    19.09.2013.
    Ort
    Frankfurt
    Beiträge
    154

    Frage Favicon <link rel="shortcut icon" nicht vorhanden

    Hallo Zusammen.

    Ich grabe das Thema hier mal kurz auf.

    Ich habe über Seitenstruktur die favicon.ico eingebunden.

    Wenn ich domain.com/favicon.ico aufrufe ist das favicon auch da.

    In Head-Bereich wird aber kein <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> ausgegeben.

    Ist es gewollt so, wie funktioniert das eigentlich mit dem favicon-link?

    Vielen Dank und beste Grüße

  6. #6
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Das ist so gewollt. Das favicon, das du in der Seitenstruktur im Website Root einstellen kannst, ist einzig und allein für die Ausgabe der example.com/favicon.ico URL zuständig. Damit ist es dir möglich ein Fallback Favicon für jede Domain festzulegen. Denn angenommen du hast eine Multidomain-Installation und zeigst eine nicht-HTML Datei direkt im Browser an. Da es sich nicht um eine HTML Ausgabe handelt, kann es auch keine Meta Informationen bzgl. des Favicons geben und der Browser ruft daher automatisch domain/favicon.ico auf, um das Favicon für diese URL zu ermitteln. Früher warst du hier dann auf das favicon.ico in deinem DocumentRoot eingeschränkt (oder musstest entsprechend über die Server Konfiguration weiterleiten je Domain). Jetzt kannst du das direkt im Website Root pro Domain einstellen.
    » sponsor me via GitHub or PayPal or Revolut

  7. #7
    Contao-Nutzer Avatar von theMatrix
    Registriert seit
    19.09.2013.
    Ort
    Frankfurt
    Beiträge
    154

    Multimedia

    Jetzt leuchtet es mir ein.
    Hier wird praktisch der Link /favicon.ico generiert damit es vom Browser automatisch erkannt wird.
    Hab das Problem früher mit Sprachvariablen bzw. Inserttags gelöst gehabt, aber so ist es natürlich um vielfaches einfacher. Icon wählen und das wars.

    Aber ich denke hier sollten auch die PNG-Dateien zugelassen werden und nicht nur ICO- oder SVG-Dateien.
    Ist natürlich nur eine Anmerkung so nebenbei.

  8. #8
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Zitat Zitat von theMatrix Beitrag anzeigen
    Aber ich denke hier sollten auch die PNG-Dateien zugelassen werden und nicht nur ICO- oder SVG-Dateien.
    Ich weiß nicht, ob das von Browsern so unterstützt wird. Das würde bedeuten, dass die URL example.com/favicon.ico in Wirklichkeit eine PNG oder SVG Datei zurück gibt. Technisch wäre das möglich, da der Mime Type in den Response Headern festgelegt wird. Aber ob das praktisch funktioniert und überhaupt Sinnvoll ist …
    » sponsor me via GitHub or PayPal or Revolut

  9. #9
    Contao-Nutzer Avatar von theMatrix
    Registriert seit
    19.09.2013.
    Ort
    Frankfurt
    Beiträge
    154

    Standard

    Das habe ich selbst nicht getestet, was passiert, wenn die Datei im Web-Root als favicon.png liegt. Das müsste man testen.
    Ich weiß nur, dass man es über <link rel="shortcut icon" type="image/x-icon" href="/favicon.png"> angeben kann und es funktioniert.

    Sinnvoll wäre es eben für diejenigen, die keine ICO-Datei erstellen können und nur PNG oder SVG parat haben.

    ICO-Format generieren ist immer so eine Sache. Aber mittlerweile, wenn man die PNGs auf ICO umbenennt funktionieren auch als ICO-Datei.

  10. #10
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Zitat Zitat von theMatrix Beitrag anzeigen
    Das habe ich selbst nicht getestet, was passiert, wenn die Datei im Web-Root als favicon.png liegt. Das müsste man testen.
    Das musst du nicht testen, das funktioniert auf jeden Fall nicht . Wie gesagt rufen Browser automatisch nur die URL example.com/favicon.ico auf.


    Zitat Zitat von theMatrix Beitrag anzeigen
    Ich weiß nur, dass man es über <link rel="shortcut icon" type="image/x-icon" href="/favicon.png"> angeben kann und es funktioniert.
    Ja, aber darum geht es hier ja nicht. Siehe https://community.contao.org/de/show...l=1#post549333
    » sponsor me via GitHub or PayPal or Revolut

  11. #11
    Contao-Urgestein Avatar von do_while
    Registriert seit
    15.06.2009.
    Ort
    Berlin | Deutschland
    Beiträge
    3.612
    Partner-ID
    1081
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von theMatrix Beitrag anzeigen
    ICO-Format generieren ist immer so eine Sache. Aber mittlerweile, wenn man die PNGs auf ICO umbenennt funktionieren auch als ICO-Datei.
    Um in .ICO-Dateien zu konvertieren, verwende ich das Programm @icon sushi (Windows). Damit kann man auch .ICO-Dateien erzeugen, die Icons in mehreren Auflösungen enthält. Mit Photoshop erstelle ich mir dazu die Iconvarianten im PNG-Format und führe sie in @icon sushi zusammen.

  12. #12
    Contao-Nutzer Avatar von theMatrix
    Registriert seit
    19.09.2013.
    Ort
    Frankfurt
    Beiträge
    154

    Standard

    Ok. Soweit ist alles verständlich angekommen.
    Aber Tools wie Ryte und Goolge meckern, weil das Favicon nicht als Meta-Tag existiert.
    Man kann es nicht jedem zurecht machen
    Bildschirmfoto 2021-09-15 um 09.22.05.png

  13. #13
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Zitat Zitat von theMatrix Beitrag anzeigen
    Aber Tools wie Ryte und Goolge meckern, weil das Favicon nicht als Meta-Tag existiert.
    Den Meta Tag musst du nach wie vor selbst einfügen. Und das ist ja oft nicht nur ein Meta Tag sondern mehrere, wie zB:
    HTML-Code:
    <link rel="apple-touch-icon" sizes="180x180" href="/…/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/…/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/…/favicon-16x16.png">
    <link rel="manifest" href="/…/site.webmanifest">
    <link rel="mask-icon" href="/…/safari-pinned-tab.svg" color="#e75113">
    <link rel="shortcut icon" href="/…/favicon.ico">
    <meta name="msapplication-TileColor" content="#e75113">
    <meta name="msapplication-config" content="/…/browserconfig.xml">
    <meta name="theme-color" content="#fabd43">
    Nicht alles davon ist natürlich notwendig (oder überhaupt sinnvoll).
    » sponsor me via GitHub or PayPal or Revolut

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •