Das Favicon der Website ändern

This page is a translated version of the page Changing the site favicon and the translation is 100% complete.

Other languages:
Deutsch • ‎English • ‎español • ‎français • ‎Nederlands • ‎русский
Favicon-de.png

Die Änderung des Website-Favicon ist eine relativ einfache Aufgabe.

  1. Erstelle ein 16x16 Pixel großes Bild. Du kannst Grafiksoftware, wie z. B. Photoshop, Gimp, Paint.net oder Windows Paint verwenden. Alternativ kannst du auch ein Online-Werkzeug wie http://antifavicon.com/ verwenden.
  2. Konvertiere das Bild in das .ico-Format auf kostenlosen Online-Seiten wie:
  3. Die Datei, die du auf diese Weise erstellst, wird die Erweiterung .ico haben. Kopiere diese Datei in das /joomla/templates/<dein-template>-Verzeichnis und nenne diese favicon.ico.
  4. Öffne einen Browser. Sehen Sie das neue Icon? Wenn dem so ist, herzlichen Glückwunsch! Wenn nicht, bedeutet das nicht unbedingt, dass du etwas falsch gemacht hast. Browser sind designed, den Daten-Verkehr zu minimieren, so dass sie das Favicon nicht jedesmal aktualisieren wenn sie diese Seite darstellen. Auch die Seite mit der Taste (F5) aktualisieren wird nichts bringen. Also musst due etwas gründlicher aktualisieren.
    • "Mozilla / Firefox / Safari": halte die Umschalttaste gedrückt, während du auf neu Laden klickst, oder drücke Steuerung-Umschalt-R (Cmd-Shift-R auf Apple Mac);
    • "IE": halte Steuerung gedrückt, während du auf Aktualisieren klickst, oder drücke Steuerung-F5;
    • "Konqueror": klicke einfach auf den Reload-Button oder F5 drücken;
    • Benutzer von "Opera" müssen eventuell den Cache vollständig löschen Extras→Einstellungen.
    • "Chrome": Umschalt-F5
    • Wenn dies nicht funktioniert, musst du die temporären Internet-Dateien und die History löschen, und die Seite noch einmal öffnen. Oder lösche dein Favicon, aktualisiere den Browser mit F5, dann das Favicon hochladen.

Mein Favicon ist an einer anderen Stelle

Einge Templates enthalten Code, der den Browser auf ein anderes Verzeichnis oder eine andere Icon-Datei umleitet. Um herauszufinden, wo dein neues Favicon sein sollte, untersuche http://deineseite.de/templates/dein_template/index.php und schau nach Code, der den Text <link rel="shortcut icon"> enthält. Dort wirst du das Verzeichnis und den Namen der Icon-Datei finden. Kopiere deine Icon-Datei an diese Stelle und gib ihr den Namen, auf den dieser Link deutet (eine gute Idee ist ein Backup der alten Datei). Vergewissere dich, dass die richtigen Sicherheitsattribute gesetzt sind, damit dein Webserver auf diese Datei zugreifen kann. Schau dir das Beispiel unten an:

<link rel="shortcut icon" href="http://deineseite.com/templates/dein_template/icon/favicon.ico" />

Falls du die Datei favicon.ico nicht nur in ihrem entsprechenden Template-Verzeichnis ändern möchtest, kannst du den Verweis auf favicon.ico in der Datei html.php finden. Der Pfad ist "........\libraries\joomla\document\html\html.php". Das soll verhindern, dass das Icon hin- und herschaltet, wenn du

<link rel="shortcut icon" href="http://deineseite.com/templates/dein_template/icon/deinicon.ico" />

in der Template-html-Datei verwendest und die Datei favicon.ico nicht entfernst. (warum sollte das Icon auch zweimal aufgerufen werden?)

Aus der html.php

// Try to find a favicon by checking the template and root folder
		$path = $directory . DS;
		$dirs = array( $path, JPATH_BASE . DS );
		foreach ($dirs as $dir )
		{
			$icon =   $dir . 'favicon.ico';
			if (file_exists( $icon ))
			{
				$path = str_replace( JPATH_BASE . DS, '', $dir );
				$path = str_replace( '\\', '/', $path );
				$this->addFavicon( JURI::base(true).'/'.$path . 'favicon.ico' );
				break;''
Advertisement