Browser Favicon einbinden

Author:

Julian Kleinhans

Author E-Mail:

admin(at)typo3-tutorials.org

Eingetragen:

21.01.2007 - 00:40

Quelle:

Keine Quelle vorhanden

Klicks:

1110

Es gibt zwei verschiedene Wege das Favicon einzubinden.
Beide Wege setzen vorraus das Ihr ein favicon.ico in euerem fileadmin habt.

Möglichkeit 1:)

Per shortcutIcon. In euer TypoScript Setup schreibt Ihr folgendes:

   0: page = PAGE
   1: page.typeNum = 0
   2: page.shortcutIcon = fileadmin/favicon.ico

Hier koennen Sie sich den Quellcode kopieren.

Das ganze bindet TYPO3 dann wie folgt im Quellcode ein:

0:    <link rel="SHORTCUT ICON" href="fileadmin/favicon.ico" />

Hier koennen Sie sich den Quellcode kopieren.

Möglichkeit 2:)

Über headerData.

   0: headerData.1 = TEXT
   1: headerData.1.value = <link rel="shortcut icon" type="image/x-icon" href="fileadmin/favicon.ico" />

Hier koennen Sie sich den Quellcode kopieren.

Das Ergebnis könnt Ihr euch weiter unten im Screen ansehen.

Ergebnis:

Zum Eingabeformular

Webagentur Gebhard

03.06.2008 15:22 Uhr

Für Möglichkeit #2 solltest du noch ersichtlich machen, dass der Code in einem page-Block stehen muss, bzw. dass page vorneangestellt werden muss.

   0: page{
   1:   headerData.1 = TEXT
   2:   headerData.1.value = >link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;fileadmin/favicon.ico&quot; /<
   3: }

Hier koennen Sie sich den Quellcode kopieren.

Grüße

Clemens

24.04.2008 00:45 Uhr

Achso ja, herr sören ohk: So weit ist offensichtlich nicht weit genug ;)
-> der IE6 beherrscht das schon, nur fehlerhaft. Bzw. fehlerhafter als der IE7.

Clemens Riccabona

24.04.2008 00:43 Uhr

Damit es bei den meisten Browser funktioniert:

1.) Mittels headerdata einbinden und den type nicht vergessen.
2.) Die Datei im Webroot ablegen (also im Wurzelverzeichnis) mit dem genauen Namen: favicon.ico (in den headerdata dann auch mit dem Pfad /favicon.ico einbinden)
3.) Nicht zu groß machen. 16x16 reicht an sich für die Darstellung in der Adresszeile. 32x32 kann fallweise auch noch ok sein, auch wenn es nix bringt...
4.) Optional kann der type auch noch zusätzlich via htaccess im Apache gesetzt werden.

Grundsätzlich braucht der IE6 bzw. der IE7 immer ein bisserl, bis er das favicon nimmt.
-> manchmal hilft auch, das Ding unter den Favoriten zu speichern und den Browser anschließend neu starten. Ist halt Microsoft. ;)

Sören Ohk

10.03.2008 12:19 Uhr

Soweit ich weiß, stellt der IE 6 generell keine Favicons dar.

Sören Ohk

10.03.2008 12:17 Uhr

Der IE 6 stellt keine Favicons dar. Soweit ich das noch weiß

Patrick

06.03.2008 19:53 Uhr

also bei mir geht des nicht... i steh schon beim TS browser an i kenn mi hoid ned so aus

gibts so ein tutor. genauer?

Andreas

15.08.2007 13:00 Uhr

Hallo,

ich würde das favicon nicht zu groß machen (100 x 100 !), das kann Probleme bereiten. Unproblematisch sind 16 x 16 oder 32 x 32, dazu eine Farbtiefe nicht größer als 16Bit. Als type image/x-icon. Es geht auch der type image/vnd.microsoft.icon. Vielleicht hilft letzteres beim IE. Habe es noch nicht ausprobiert nehme auch immer den ersten type. Die 3. Möglichkeit das Icon einzubinden ist es in das Wurzelverzeichnis der Website zu packen und es exakt zu bezeichnen mit 'favicon.ico'. Auch die Groß-/Kleinschreibung muss dabei beachtet werden. In diesem Fall muss kein link eingebaut werden. Die Browser finden das Icon automatisch. Wobei mit typo3 zusammen letztere Lösung in der Regel ausscheidet auf grund der Verzeichnisstruktur bzw. Installation.

Hoffe geholfen haben zu können.

mfg
Andreas

Helmut

11.08.2007 13:28 Uhr

Hallo Julian,

ich weiß nicht genau warum es jetzt im Gegensatz zu heute Nacht (siehe mein posting gegen heute Nacht 1:30) funktioniert. Aber jetzt wird sowohl im Firefox als auch im IE und das favicon korrekt angezeigt.

Die einzige Änderung gegenüber heute Nacht:
Ich habe das favicon auf eine "quadratische " Größe (100x100 pixel) statt der bisherigen "rechteckigen" Form geändert.
Im relevanten Teil im head-script der webpage http://geissler.united-systems.org lautet der Scriptteil wie bisher:

<link rel="SHORTCUT ICON" href="/images/favicon.ico" type="image/x-icon">
<link rel="ICON" href="/images/favicon.ico" type="image/x-icon">

Somit habe ich derzeit keine offenen Fragen dazu.
Helmut

Helmut

11.08.2007 01:40 Uhr

Hinweis zu meinem eben eingegeben Beitrag:
die von mir eingebene eigene Adresse meiner Website geissler.united-systems.org wurde durch die Tutorseite fälschlich mit www ergänzt und ist daher nicht über den grünen Websiten-button aufrufbar.
Helmut

Helmut

11.08.2007 01:35 Uhr

Hallo Julian,

ich bin über google auf die tutorial-seite bezgl "Browser Favicon einbinden" gekommen.
Ich habe ebenfalls das Problem, dass mein selbstdefiniertes und mit irfanview ordentlich als favicon.ico erzeugtes favicon zwar von Firefox problemlos dargestellt aber vom IE 7.0 dagegen nicht erkannt wird. Auch das Definieren der entsprechenden Seite als Favoriten bringt beim im IE 7.0 keine Abhilfe.

Der relevante Teil im head-script der webpage lautet:

<link rel="SHORTCUT ICON" href="/images/favicon.ico" type="image/x-icon">

<link rel="ICON" href="/images/favicon.ico" type="image/x-icon">

Was mache ich falsch oder sollte es anders machen?
Besten Dank für einen Tip
Helmut Geißler

Seite:

1 | 2 | »