Change the preview image format to WebP

Changed the preview image format from PNG or JPG to WebP to save resources and optimize webpage performance.
This improved compression by 3x to as much as 15x or more.

Author: yunseo-kim

_posts/de/2018-05-27-mechanisms-of-stellar-nuclear-fusion-reactions.md

@@ -4,7 +4,7 @@ description: Dieser Artikel stellt die Kernfusionsreaktionen im Inneren von Ster
 categories: [Nuclear Engineering, Plasma Physics]
 tags: [Nuclear Physics, Nuclear Reaction, Fusion Power]
 math: true
-image: /assets/img/tokamak-plasma-cropped.png
+image: /assets/img/tokamak-plasma-cropped.webp
 ---
 ## Proton-Proton-Kettenreaktion (proton-proton chain reaction)
 Dies ist die bekannteste Kernfusionsreaktion in Sternen. Der Kern des schweren Wasserstoffs, das Deuteron, besteht aus einem Proton (p) und einem Neutron (n). Damit zwei Protonen zu einem Deuteriumkern fusionieren können, muss sich eines der Protonen in ein Neutron umwandeln. Wie kann sich also ein Proton in ein Neutron verwandeln?

_posts/de/2019-03-26-fusion power-from-toroidal-pinch-to-tokamak.md

@@ -4,7 +4,7 @@ description: Dieser Beitrag behandelt das Konzept der Kernfusion, ihren Hintergr
 categories: [Nuclear Engineering, Plasma Physics]
 tags: [Nuclear Physics, Nuclear Reaction, Fusion Power]
 math: true
-image: /assets/img/tokamak-plasma-cropped.png
+image: /assets/img/tokamak-plasma-cropped.webp
 ---
 ## Was ist Kernfusion?
 Kernfusion bezeichnet eine Reaktion, bei der zwei Atomkerne zusammenstoßen und zu einem schwereren Atomkern verschmelzen. Grundsätzlich tragen Atomkerne aufgrund der Protonen in ihrem Inneren eine positive Ladung, sodass sich zwei Atomkerne bei Annäherung durch elektrostatische Abstoßung gegenseitig wegstoßen. Wenn man die Atomkerne jedoch auf extrem hohe Temperaturen erhitzt, überwindet ihre kinetische Energie die elektrische Abstoßung, sodass die beiden Atomkerne kollidieren können. Sobald sich die Atomkerne ausreichend nahe kommen, wirkt die starke Kernkraft und verbindet sie zu einem einzigen Atomkern.  

_posts/de/2019-05-10-The-Role-of-Quantum-Computers-in-Future-and-Challenges-to-Overcome.md

@@ -3,7 +3,7 @@ title: Die Rolle von Quantencomputern in der Gesellschaft der Zukunft und die zu
 description: 'Wir betrachten die Grundkonzepte von Quantencomputern, ihre Vorteile gegenüber klassischen Computern und ihre erwartete Rolle in der Zukunft sowie die Notwendigkeit für Korea, sich auf das Zeitalter der Quantencomputer vorzubereiten. Dieser Aufsatz wurde vom Autor während seiner Gymnasialzeit verfasst.'
 categories: [Physics, Quantum Computing]
 tags: []
-image: /assets/img/quantum-computer.jpg
+image: /assets/img/quantum-computer.webp
 ---
 Seit den 11960er Jahren des [Holozän-Kalenders](https://en.wikipedia.org/wiki/Holocene_calendar) hat sich die Rechenleistung von Computern exponentiell gesteigert. Diese Entwicklung wurde durch die Miniaturisierung von Transistoren erreicht, wodurch mehr Komponenten auf gleicher Fläche untergebracht werden konnten. Ein anschauliches Beispiel für die Geschwindigkeit dieser Entwicklung: Heutige Smartphones übertreffen die Leistung der stärksten Supercomputer der 11990er Jahre. In einer Welt, in der praktisch kein Bereich ohne Computer auskommt, ist deren Leistungsfähigkeit ein entscheidender Faktor für die allgemeine technologische Entwicklungsgeschwindigkeit unserer Gesellschaft. Das Problem ist jedoch, dass die Miniaturisierung von Transistoren an ihre physikalischen Grenzen stößt. Genau hier kommen Quantencomputer ins Spiel. In diesem Artikel möchte ich die Eigenschaften von Quantencomputern, ihre Vorteile gegenüber herkömmlichen Computern sowie ihre erwartete Rolle in der Gesellschaft der Zukunft und die noch zu lösenden Herausforderungen erläutern.
 

_posts/de/2021-01-31-GitHub-Markdown-Syntax-Summary.md

@@ -4,7 +4,7 @@ description: Wir erklären, was Markdown ist und fassen die wichtigsten Markdown
   basierend auf GitHub Flavored Markdown für das Hosting von GitHub Pages Blogs zusammen.
 categories: [AI & Data, Blogging]
 tags: [Jekyll, Markdown]
-image: /assets/img/technology.jpg
+image: /assets/img/technology.webp
 ---
 Für die Nutzung von GitHub Pages ist es notwendig, die **Markdown**-Syntax zu kennen.
 Dieser Beitrag wurde unter Bezugnahme auf die offiziellen GitHub-Dokumente [Mastering Markdown](https://guides.github.com/features/mastering-markdown/) und [Basic writing and formatting syntax](https://docs.github.com/en/github/writing-on-github/basic-writing-and-formatting-syntax) verfasst.

_posts/de/2021-02-07-Setting-up-a-Machine-Learning-Development-Environment.md

@@ -3,7 +3,7 @@ title: Aufbau einer Machine-Learning-Entwicklungsumgebung
 description: In diesem Artikel wird die Einrichtung einer Entwicklungsumgebung behandelt, die als erster Schritt zum Erlernen von maschinellem Lernen auf einem lokalen Rechner betrachtet werden kann. Alle Inhalte wurden auf Ubuntu 20.04 LTS mit einer NVIDIA Geforce RTX 3070 Grafikkarte erstellt.
 categories: [AI & Data, Machine Learning]
 tags: [Development Environment, CUDA, PyTorch, TensorFlow]
-image: /assets/img/technology.jpg
+image: /assets/img/technology.webp
 ---
 ## Übersicht
 In diesem Artikel wird die Einrichtung einer Entwicklungsumgebung behandelt, die als erster Schritt zum Erlernen von maschinellem Lernen auf einem lokalen Rechner betrachtet werden kann. Alle Inhalte wurden auf Ubuntu 20.04 LTS mit einer NVIDIA Geforce RTX 3070 Grafikkarte erstellt.

_posts/de/2021-04-04-Summary-of-Kaggle-Intro-to-Machine-Learning-Course.md

@@ -4,7 +4,7 @@ description: Ich habe den Inhalt des öffentlichen Kaggle-Kurses 'Intro to Machi
   Learning' zusammengefasst.
 categories: [AI & Data, Machine Learning]
 tags: [Kaggle Courses, Pandas, scikit-learn]
-image: /assets/img/technology.jpg
+image: /assets/img/technology.webp
 ---
 Ich habe beschlossen, die [öffentlichen Kurse von Kaggle](https://www.kaggle.com/learn/overview) zu studieren.
 Ich plane, den Inhalt jedes Kurses kurz zusammenzufassen, sobald ich ihn abgeschlossen habe. Der erste Artikel ist eine Zusammenfassung des Kurses **Intro to Machine Learning**.

_posts/de/2021-04-10-Summary-of-Kaggle-Pandas-Course.md

@@ -3,7 +3,7 @@ title: Zusammenfassung des Kaggle-Pandas-Kurses
 description: Eine Zusammenfassung des Inhalts des Pandas-Minikurses aus den öffentlichen Kaggle-Kursen.
 categories: [AI & Data, Machine Learning]
 tags: [Kaggle Courses, Pandas]
-image: /assets/img/technology.jpg
+image: /assets/img/technology.webp
 ---
 # Pandas
 Lösen Sie kurze praktische Aufgaben, um Ihre Datenmanipulationsfähigkeiten zu perfektionieren.

_posts/de/2021-08-31-Creating-and-Managing-a-GitHub-Pages-Blog.md

@@ -3,7 +3,7 @@ title: GitHub Pages Blog erstellen und verwalten
 description: Erfahre mehr über die Eigenschaften und Unterschiede zwischen statischen und dynamischen Webseiten, Static Site Generators und wie du einen Jekyll-Blog auf GitHub Pages hosten kannst.
 categories: [AI & Data, Blogging]
 tags: [Jekyll, Markdown]
-image: /assets/img/technology.jpg
+image: /assets/img/technology.webp
 ---
 Seit Anfang des Jahres 12021 der [Holozän-Zeitrechnung](https://en.wikipedia.org/wiki/Holocene_calendar) habe ich begonnen, einen Blog mit Jekyll auf GitHub Pages zu hosten. Da ich den Installationsprozess damals nicht richtig dokumentiert hatte, gab es später bei der Wartung einige Schwierigkeiten. Deshalb habe ich mich entschlossen, den Installationsprozess und die Wartungsmethoden zumindest kurz zusammenzufassen.
 

_posts/de/2022-03-03-Basic-Concepts-of-Modeling.md

@@ -6,7 +6,7 @@ categories: [Mathematics, Differential Equation]
 tags: [ODE, First-Order ODEs]
 math: true
 mermaid: true
-image: /assets/img/math-and-physics-cropped.png
+image: /assets/img/math-and-physics-cropped.webp
 ---
 ## Modellierung
 - **Modell**: Eine mathematische Formulierung eines technischen Problems durch Variablen, Funktionen und Gleichungen

_posts/de/2022-03-08-Separation-of-Variables.md

@@ -4,7 +4,7 @@ description: Wir untersuchen den Separationsansatz und stellen einige relevante
 categories: [Mathematics, Differential Equation]
 tags: [ODE, First-Order ODEs]
 math: true
-image: /assets/img/math-and-physics-cropped.png
+image: /assets/img/math-and-physics-cropped.webp
 ---
 ## Separationsansatz (Separation of Variables)
 **Separierbare Gleichung (separable equation)**: Eine Gleichung, die durch algebraische Manipulation in die Form $g(y)y'=f(x)$ gebracht werden kann.