Favicon setzen Contao 4.4.3

**Narges** · 15.02.2018, 12:00

Hallo zusammen

versuche gerade, für meine Website ein favicon zu setzen.

Wenn ich es richtig verstehe, muss ich das icon (das ich per iconogen generiert habe) per ftp ins web-Verzeichnis hochladen, dann im Seitelayout diesen head-tag hinzufügen: <link rel="shortcut icon" href="/contao-4.4.3/web/favicon.ico" type="image/x-icon" />

Klappt aber nicht... habe ich den Pfad falsch angegeben? Oder liegts an was anderem?

(Ich habe es auch versucht, indem ich das icon ins normale Bilderverzeichnis hochgeladen habe und dorthin verlinkt, aber das hat auch nicht funktioniert...)

danke und Gruss
Antonia

**Spooky** · 15.02.2018, 12:07

Der Pfad ist falsch. Wenn das favicon.ico direkt im DocumentRoot liegt, musst du außerdem keinen solchen <head> tag einfügen.

**stefan.sl** · 15.02.2018, 13:41

Ich mache das so: ich lasse mir alle Icons über http://digitalagencyrankings.com/iconogen/ generieren und lade den Ordner in /files/ hoch
(nicht vergessen: Im Backend in der Dateiverwaltung den Ordner auf öffentlich setzen!).
Contao kümmert sich um die Verlinkung /web/files -> /files

Bildschirmfoto 2018-02-15 um 14.38.08.min.png

Im Seitenlayout füge ich dann über "Zusätzliche <head>-Tags" den HTML-Code hinzu.

Bildschirmfoto 2018-02-15 um 14.38.31.min.png

**Narges** · 16.02.2018, 08:46

Hallo Stefan und Spooky

danke für Eure Antworten! Ich habe mittlerweile gemerkt, dass es bei mir an ganz anderer Stelle geklemmt hatte. (Nämlich hatte ich die falschen Zugangsdaten für mein ftp-Programm, die zu einem anderen Server führten, auf dem meine Website früher lief... lange Geschichte.)

Jedenfalls, jetzt funktioniert es, mit favicon (durch iconogen erstellt) im web-Ordner und ohne Head-Tags.

Immerhin wird hoffentlich dieser thread anderen nützlich sein, die das noch nie gemacht haben

. Also vielen Dank nochmal!

und Gruss
Antonia

**stefan.sl** · 16.02.2018, 09:17

Zitat von Narges

Jedenfalls, jetzt funktioniert es, mit favicon (durch iconogen erstellt) im web-Ordner und ohne Head-Tags.

Nochmal zur Verdeutlichung die HEAD-Tags brauchst du nicht, wenn du das favicon in den web-Root legst. Ich weiß nicht, ob das auch für die App-Icons gilt.

Meiner Ansicht nach ist es aber besser, wenn du die in deinen /files-Ordner packst und dann hast du nicht den web-root vollgemüllt

**prop** · 19.04.2018, 10:11

Ich mochte dem Backend jeweils ein eigenes Favicon geben.
Wo könnte ich das ablegen bzw. einbinden?

Hintergrund ist, dass ich oft mehere Projekte mit mehreren Tabs im Browser offen habe und ich diese über die Favicons schnell unterscheiden möchte.
Wie gesagt: es geht nicht um Favicons im Frontend, sondern im Backend.
Und: ich möchte diese nicht über eine Erweiterung einbinden.

**Spooky** · 19.04.2018, 10:14

Zitat von prop

Ich mochte dem Backend jeweils ein eigenes Favicon geben.
Wo könnte ich das ablegen bzw. einbinden?

Hintergrund ist, dass ich oft mehere Projekte mit mehreren Tabs im Browser offen habe und ich diese über die Favicons schnell unterscheiden möchte.
Wie gesagt: es geht nicht um Favicons im Frontend, sondern im Backend.
Und: ich möchte diese nicht über eine Erweiterung einbinden.

In einer zukünftigen Contao Version kannst du leicht ein eigenes Backend Template anlegen, wo du nur den <head> Block erweiterst. Ansonsten kannst du einstweilen das favicon.ico im /web Ordner ändern und dafür im Frontend das favicon über das Seitenlayout (oder fe_page Template) festlegen.

**prop** · 19.04.2018, 12:51

Vielen Dank Spooky!
Hat genau so funktioniert.

**3dr** · 28.10.2018, 18:57

Ansonsten kannst du einstweilen das favicon.ico im /web Ordner ändern

genau das mache ich mit Contao 4.6.x und lege dort drei Größen ab, funktioniert im FE sofort nach Löschen der Browsercaches, aber nicht für das BE, habe im BE schon unter: Systemwartung > Daten bereinigen alle Jobs ausführen lassen, im Benutzerprofil Bilder- und Seitencache geleert und im Contao-Manager den Produktions-Cache erneuert. Alles leider ohne Erfolg, das favicon wird, anders als im FE, nicht aktualisiert. Beim Vergleich mit anderen Installationen kann ich feststellen, daß nach einiger Zeit das Favicon dann doch angezeigt wird. Wie kann ich das direkt tun? -denn ich würde auch gerne die Tabs mit verschiedenen BEs am Favicon unterscheiden können. Danke für Tipps und Hinweise.

**Spooky** · 29.10.2018, 06:57

Favicons werden von Browsern tlw. sehr hartnäckig gecached.

**3dr** · 29.10.2018, 12:48

@Spooky, stimmt, sogar wenn ich den Browserverlauf komplett lösche und den Browser neu starte, da muss man doch irgendwie ran kommen oder?

**Spooky** · 29.10.2018, 12:49

Mir scheint außerdem, dass der MS EDGE das Favicon im Root immer präferiert, egal was man im <head> hat. Kann ich aber noch nicht endgültig bestätigen.

**3dr** · 29.10.2018, 13:58

Hm, im Ordner /web/ habe ich ein favicon.ico, ein favicon.png und ein apple-touch-icon.png liegen und im Frontend-Layout steht

HTML-Code:

<link rel="icon" type="image/png" href="/favicon.png" sizes="32x32">
<link rel="apple-touch-icon-precomposed icon" href="/apple-touch-icon.png" sizes="128x128">

Weitere Favicons sind nicht vorhanden. Funktioniert im FE wunderbar, für das BE bekomme ich die einfach nicht angezeigt, Contao 4.6, Browser: Chrome, FF, Edge