Favicon und Open-Graph-Bild erzeugt und eingebunden

Samstag, 2. Mai 2026 22:29+02:00

Mit dem Umstieg von Publii auf Pure Blog sieht's hier nun auch farblich anders aus. Ich habe mich für „Ocean“ von der offiziellen Themes-Seite entschieden. Da musste nun aber mindestens ein farblich passendes Favicon her. – Gut, dass ich mir den Weg zum letzten Icon damals notiert hatte.

Hier die aktualisierte Fassung:

favicon.io/favicon-generator/ aufgerufen
Als Text R eingetragen
Schrift- und Hintergrundfarbe dem Ocean-Dark-Theme entnommen
Hintergrundformat von Rounded auf Square umgestellt
Schöne Schriftart ADLaM Display (Latin) eingestellt
Für bessere Lesbarkeit Schriftgröße von 110 auf 125 geändert
Ergebnis heruntergeladen und entpackt
Datei android-chrome-512x512.png mit Xviewer, dem Bildbetrachter von Linux Mint MATE, um 90° nach links gedreht und in Pure-Blog-Einstellungen → Blog → Favicon hochgeladen
Als Fallback Datei favicon.ico auch um 90° gedreht und im Wurzelverzeichnis der Website gespeichert
Dateiname favicon.ico in neue Datei /config/update-ignore eingetragen, damit das Icon bei Pure-Blog-Updates nicht gelöscht wird

Nun bin ich ja kein Grafiker, wollte aber auch ein Open-Graph-Bild ausprobieren. Zum Glück hat Eddy Vinck den kostenlosen OG Image Maker erschaffen, weshalb es wirklich ein Kinderspiel war:

Vorlage „React“ gewählt
Als Titel meinen Namen eingetragen und als benutzerdefinierte Farbe Textfarbe aus Ocean Dark gesetzt
Untertitel gelöscht
Gedrehte android-chrome-512x512.png als Logo gewählt
Ergebnis heruntergeladen und in Pure-Blog-Einstellungen → Blog → Open-Graph-Bild hochgeladen
Per Open Graph Checker überprüft