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“ aus der offiziellen Themengalerie 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

Kommentare