Startseite Blog Update: Automatisierung der Bildoptimierung und WebP-Konvertierung
Eintrag
Abbrechen

Blog Update: Automatisierung der Bildoptimierung und WebP-Konvertierung

Wir haben ein Bash-Skript entwickelt und eingerichtet, das inotify verwendet, um neu hinzugefügte Bilder zu überwachen. Sobald ein neues Bild erkannt wird, optimiert das Skript das Bild mit jpegoptim, konvertiert es dann mit cwebp in das WebP-Format und erzeugt eine LQIP-Version des Bildes für eine verbesserte Seitendarstellung während des Ladens.

  1. Erstellung von Markdown-Posts automatisieren: Das Skript generiert zudem automatisch eine Markdown-Datei für jeden neuen Blog-Post, die in Jekyll verwendet wird. Diese Datei enthält Header-Informationen sowie Links zu den optimierten Bildern.

  2. Implementierung von inotify für Dateilöschungen: Wir haben versucht, inotifywait so einzurichten, dass es auf gelöschte Dateien reagiert und einen rsync-Befehl ausführt, um Änderungen zwischen lokalen und entfernten Verzeichnissen zu synchronisieren. Allerdings sind wir auf einige Herausforderungen gestoßen und haben letztendlich entschieden, syncthing für die Synchronisation zu verwenden.

  3. Einrichten von Syncthing für Dateisynchronisation: Wir haben Syncthing auf dem Server installiert und konfiguriert, um Änderungen im Blog-Post-Verzeichnis in Echtzeit zu überwachen und zu synchronisieren. Dies hat den Vorteil, dass es bidirektional arbeitet und Dateiänderungen sowohl lokal als auch auf dem entfernten Server überwacht.

Zusammengefasst haben wir heute einen signifikanten Automatisierungsprozess implementiert, der die Arbeit mit Bildern in Jekyll-Posts stark vereinfacht. Dies wird nicht nur die Qualität und Performance der Website verbessern, sondern auch viel Zeit sparen, die sonst für manuelles Optimieren, Konvertieren und Hochladen der Bilder aufgewendet werden müsste.

Dieser Eintrag ist vom Autor unter CC BY 4.0 lizensiert.