diff --git a/courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md b/courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md index 0df5bf7..54a11cf 100644 --- a/courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md +++ b/courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md @@ -271,7 +271,7 @@ Konvertierung: -# 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 + -**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. --- - - - - -![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. --- + + + +![bg contain 70%](./assets/Common_chroma_subsampling_ratios_YCbCr_CORRECTED.svg.png) + +--- + # JPEG: Schritt 3 – DCT **Discrete Cosine Transform:**