termin-2: restructure jpeg section with menschliche sinne lead

courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md

@@ -271,7 +271,7 @@ Konvertierung:
 
 <!-- _class: lead -->
 
-# JPEG
+# Menschliche Sinne
 ## Psychovisuell komprimieren
 
 ---
@@ -356,11 +356,22 @@ Für Web und Social Media: 60-80 oft ausreichend.
 Für Archivierung: 90-100 oder gleich PNG/RAW.
 -->
 
+
+
 ---
 
-# JPEG: Schritt 1 – Farbraum
+<!-- _class: lead -->
 
-**RGB → YCbCr** (auch 3 Werte pro Pixel, nur anders aufgeteilt)
+# JPEG
+## Vier Schritte der Kompression
+
+---
+
+![bg right:20%](./assets/Barn-yuv.png)
+
+# JPEG: Schritt 1 – Farbraum wechseln
+
+**RGB → Y'CbCr** (seltener Y'UV)
 
 - **Y** = Helligkeit (Luminanz) – Was das Auge am besten sieht
 - **Cb** = Blau-Gelb-Anteil (Chrominanz)
@@ -380,14 +391,6 @@ Der Clou: Jetzt können wir Helligkeit und Farbe getrennt behandeln.
 
 ---
 
-
-<!-- _header: '' -->
-<!-- _footer: '' -->
-
-![bg contain 70%](./assets/Common_chroma_subsampling_ratios_YCbCr_CORRECTED.svg.png)
-
----
-
 # JPEG: Schritt 2 – Chroma Subsampling
 
 **Die Notation `J:a:b`** (bezogen auf einen 4×2 Pixel-Block):
@@ -411,6 +414,13 @@ Das Auge merkt es kaum, weil Helligkeit erhalten bleibt.
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
+![bg contain 70%](./assets/Common_chroma_subsampling_ratios_YCbCr_CORRECTED.svg.png)
+
+---
+
 # JPEG: Schritt 3 – DCT
 
 **Discrete Cosine Transform:**