convertet all images to webp

blog/README.md

@@ -38,6 +38,6 @@ All commands are run from the root of the project, from a terminal:
 | `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
 | `npm run astro -- --help` | Get help using the Astro CLI                     |
 
-## 👀 Want to learn more?
+## Bilder für Webuseage convertieren
 
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
+`magick mogrify -format webp -quality 80 *.jpg`

blog/src/lib/findImage.ts

@@ -1,4 +1,4 @@
-const images = import.meta.glob("/public/**/*.{jpg,png}", { eager: true }) as Record<string, { default: string }>;
+const images = import.meta.glob("/public/**/*.{jpg,png,webp}", { eager: true }) as Record<string, { default: string }>;
 
 export function findImageByPath(path: string, { fallback }: { fallback?: string } = {}): any {
   if (!path) return fallback ?? null;

blog/src/pages/posts/200826_Ostseeurlaub.md

@@ -4,7 +4,7 @@ title: Ostseeurlaub
 subtitle: Finden wir ein Boot? Suchen wir überhaupt oder faulenzen wir nur?
 description: Ostseeurlaub bedeutet für mich ganz viele Kindheitserinnerungen. Besonders diese Woche war vollgepackt davon. Hier meine Reiseempfehlung...
 image:
-    path: ostsee.jpg
+    path: ostsee.webp
     alt: Chiara und Tim vor einem Strand
 author: Tim
 date: '2026-08-20'
@@ -33,11 +33,11 @@ Einschlafen klappt dann aber doch irgendwie. Wenn man hier eins lernt, dann auch
 ## Tschu Tschuuuu
 
 <div style="display: flex; flex-direction: row; gap: 2%;">
-    <img src="/blog_img/ostseeurlaub/molly_1.jpg" 
+    <img src="/blog_img/ostseeurlaub/molly_1.webp" 
         alt="Chiara und Tim stehen vor der Dampflok Molly." 
         style="max-width: 49%; height: auto;" 
         loading="lazy" />
-    <img src="/blog_img/ostseeurlaub/molly_2.jpg" 
+    <img src="/blog_img/ostseeurlaub/molly_2.webp" 
         alt="Chiara und Tim stehen neben der Dampflok Molly." 
         style="max-width: 49%; height: auto;" 
         loading="lazy" />
@@ -58,7 +58,7 @@ Hier kommen wir schon zu einem meiner Highlights der Woche: Chiara, die das erst
 ---
 
 ## Toms Erlebnis-Dorf
- <img src="/blog_img/ostseeurlaub/karls.jpg" 
+ <img src="/blog_img/ostseeurlaub/karls.webp" 
         alt="Chiara und Tim stehen vor dem Eingangsschild zum Karls Erlebnisdorf in Rövershagen." 
         style="max-width: 100%; height: auto;" 
         loading="lazy" />
@@ -71,7 +71,7 @@ Hier muss ich immer an Tom denken, einen lieben Kollegen. Er hat in seiner Jugen
 Dieses erdbeerige Vergnügungsparadies bietet eine Menge Attraktionen für Familien. Vom Erdbeer-Schnaps über das Stockbrot bis zur saucoolen Murmelbahn.
 Mit dem Tagesticket können wir jegliche Attraktion fahren. Das machen wir auch! Alle Achterbahnen und Fahrgeschäfte nehmen wir mit. Auch das kleine Karoussel mit dem man einen riesen Lärm machen kann, Oink! Määähhh!, und die Treggerbahn kriegen uns begeistert. Hier wird Kapitalismus in besonders schöne Bänder gehüllt!
 
-<img src="/blog_img/ostseeurlaub/karls_mais.jpg" 
+<img src="/blog_img/ostseeurlaub/karls_mais.webp" 
     alt="Chiara sizt in einem riesigen Maisbad." 
     style="max-width: 100%; height: auto;" 
     loading="lazy" />
@@ -80,11 +80,11 @@ Chiara wird im Mais verbuddelt.
 Besonders freue ich mich auf die Eiswelt. In einer großen Halle stellen Bildhauis ihre Kunst aus und zeigen sogar live wie es geht. Das Thema in diesem Jahr ist Märchen (Und irgendwie ist auch die AIDA dabei...).
 
 <div style="display: flex; flex-direction: row; gap: 2%;">
-    <img src="/blog_img/ostseeurlaub/karls_eis_thron.jpg" 
+    <img src="/blog_img/ostseeurlaub/karls_eis_thron.webp" 
         alt="Chiara und Tim auf einem Thron aus Eis." 
         style="max-width: 49%; height: auto;" 
         loading="lazy" />
-    <img src="/blog_img/ostseeurlaub/karls_eis_aida.jpg" 
+    <img src="/blog_img/ostseeurlaub/karls_eis_aida.webp" 
         alt="Chiara und Tim stehen auf einem kleinen AIDA Bug aus Eis und spielen diese eine Szene aus Titanic nach." 
         style="max-width: 49%; height: auto;" 
         loading="lazy" />
@@ -114,7 +114,7 @@ Aber nun ab zu den <a href="https://www.stoertebeker.de/de/" target="_blank">St
 Wem dieses Erlebnis bisher noch nicht zuteil wurde: Absolute Empfehlung! In den letzten 4 Jahren haben wir es immer geschafft und sind weiterhin große Fans. Dafür lohnt sich auch mal ein verpennter nächster Tag.
 Spoilern werde ich natürlich nicht. Nur soviel: **So'n großer Feuerball, Junge!**
 
-<img src="/blog_img/ostseeurlaub/stoertebeker.jpg" 
+<img src="/blog_img/ostseeurlaub/stoertebeker.webp" 
     alt="Chiara sizt in einem riesigen Maisbad." 
     style="max-width: 100%; height: auto;" 
     loading="lazy" />