Favicon erstellen


 Ein Favicon ist das Iconn neben dem Websitename im Reiter des Browsers
Inkscape23

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://favicon.io/

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

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.
Inkscape 1

 Inkscape1

 

Links oben über Datei / Öffnen

Inkscape2

 

Auf dem Computer die Datei öffnen, in der das Favicon-Muster gespeichert ist. Markieren und "öffnen"

Inkscape3


Die gewünschte Einstellung wählen.

Inkscape5

 

Sollte das Programm kleiner öffnen, rechts oben auf (Quadrat) auf "Gross" stellen

Inkscape6

 

Nun über "Datei" "Speichern unter" wählen..

Inkscape7

 .. und den Ordner aussuchen, in dem das Icon gespeichert werden soll.
Wichtig: Unten eines der .svg Varianten auswählen und speichern.

Inkscape8

 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.

Inkscape9

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

 

Inkscape10

 

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

 

Inkscape11

Hintergrund schmal

Wir benutzen Cookies

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.