Favicon erstellen
Ein Favicon ist das Iconn neben dem Websitename im Reiter des Browsers![]()
Früher musste man da bei alten Joomla-Versionen jeweils im Template machen und nach eine Joomla Update wiederholen. Im Joomla 4.5 (hier instlallert) ist es ein anderer Ordner, das ist hier beschrieben: https://www.cms-joomla.ch/index.php/einstellungen/favicon-in-joomla-4-austauschen
WICHTIG
Neu gibt es 3 Varianten von Favicons und Browser bevorzugen die eine oder andere Variante, also unbedintgt alle 3 ersetzten. Diese müssen aber zuerst erstellt werden.
- favicon.ico
- joomla-favicon.svg
- joomla-favicon-pinned.svg
Die .jpg oder .png Dateien in .ico Favicon-Icons umwandeln kann man ganz einfach im Internet, dazu gibt es sogenannte Generatoren (Bild hochladen, Favicon herunterladen), z.B.:
https://convertio.co/de/png-ico
https://convertio.co/de/jpg-ico/
https://bild.online-convert.com/de/in-ico-umwandeln mit zusätzlichen EInstellungen
https://60tools.com/de/tool/favicon-generator
------------------------------------
Für die Umwandlung in .svg gibt ein einfaches Programm, das Inkscape
![]()
Herunterladen: https://inkscape.org/de/release/inkscape-1.2/?switchlang=de
Inkscape lernen: https://inkscape.org/de/lernen/
Für die Umwandlung der .jpg Datei in die .svg Datai in Inkscape habe ich hier ein Beispiel:
Das geöffnete Inkscape Programm ACHTUNG, hier die Version 1.2
Je nach Einstellung sieht es farblich anders aus.![]()
![]()
Links oben über Datei / Öffnen
![]()
Auf dem Computer die Datei öffnen, in der das Favicon-Muster gespeichert ist. Markieren und "öffnen"
![]()
Die gewünschte Einstellung wählen.
![]()
Sollte das Programm kleiner öffnen, rechts oben auf (Quadrat) auf "Gross" stellen
![]()
Nun über "Datei" "Speichern unter" wählen..
![]()
.. und den Ordner aussuchen, in dem das Icon gespeichert werden soll.
Wichtig: Unten eines der .svg Varianten auswählen und speichern.
![]()
Das Bild ist als .svg gespeichert und wird bei mir mit dem Edge geöffnet. Ja nach Programmen und Einstellungen auf dem Computer kann das ein anderes Programm sein.
![]()
Das Icon 2x benötigen, mit 2 verschiedenen Namen müssen wir eine Kopie machen (einfach Bild anklicken, kopieren und einfügen. Die Kopie wird markiert als solche.
Beide Icons umbenennen 1. auf joomla-favicon, nicht joomla-favicon.svg 2. auf joomla-favicon-pinned, nicht joomla-favicon-pinned.svg
Hier noch falsch
![]()
So ok, nun sind alle 3 bereit eingefügt zu werden, hier nochmals der Link dazu
joomla.ch/index.php/einstellungen/favicon-in-joomla-4-austauschen
![]()

