Files
uni/slides/223015b/klausurfolien.md
Michael Czechowski 512fbd9d3d add erklaerung slides to 223015b course files
- add erklaerung css class and 6 explanation slides to 01-grundlagen-text-audio.md
- add erklaerung css class and 9 explanation slides to 02-bild-audio-video.md
- add erklaerung css class and 2 explanation slides to 03-speichermedien-schnittstellen.md
- regenerate klausurfolien.md with updated content
2026-02-02 14:25:04 +01:00

14 KiB
Raw Blame History

marp, theme, paginate, backgroundColor, header, footer, title
marp theme paginate backgroundColor header footer title
true gaia true Dateiformate, Schnittstellen, Speichermedien & Distributionswege (223015b) Michael Czechowski HdM Stuttgart WS 2025/26 Dateiformate, Schnittstellen, Speichermedien & Distributionswege
<style> :root { --color-foreground: #1a1a2e; --color-highlight: #1e5f8a; --color-dimmed: #4a4a6a; } section.invert { --color-foreground: #fff; } section { font-size: 1.7rem; } h1 { color: #1e5f8a; } section.invert h1 { color: #fff; } h2 { color: #1f2937; } pre { background: #0f0f23; color: #5fb3e4; border-radius: 8px; border-left: 3px solid #1e5f8a; } pre code { background: transparent; color: inherit; } code { background: #1a1a2e; color: #5fb3e4; padding: 0.15em 0.4em; border-radius: 4px; } a { color: var(--color-highlight); } section.klausur { background: repeating-linear-gradient( 135deg, #e3f2fd, #e3f2fd 40px, #fff 40px, #fff 80px ) !important; } @media print { section.klausur { background: #e3f2fd !important; } } section.aufgabe { background: #e3f2fd !important; } section.aufgabe footer { display: none; } </style>

bg cover opacity:0.2

Dateiformate, Schnittstellen, Speichermedien & Distributionswege

223015b · Modul "Technik 1" · 1. Semester Digital- und Medienwirtschaft Hochschule der Medien Stuttgart

Wintersemester 2025/26

https://librete.ch/hdm/223015b/


Verlustfrei vs. Verlustbehaftet

Verlustfrei (Lossless) Verlustbehaftet (Lossy)
Prinzip Redundanz entfernen Irrelevanz entfernen
Reversibel Ja (Original wiederherstellbar) Nein (Information unwiederbringlich weg)
Reduktion 30-50% 80-99%
Formate ZIP, PNG, FLAC, GIF JPEG, MP3, H.264/H.265

Faustregel:

  • Medien für Endnutzer → Lossy oft akzeptabel
  • Quellmaterial, Code, Archive → Lossless nötig

Dateneinheiten

Einheit Bytes Potenz Beispiel
Byte 1 10⁰ Farbwerte eines Pixels
Kilobyte (KB) 1.000 10³ Kleiner Programmcode
Megabyte (MB) 1 Million 10⁶ Textdokument
Gigabyte (GB) 1 Milliarde 10⁹ Kinofilm in FullHD
Terabyte (TB) 1 Billion 10¹² ~12h Video in 4K
Petabyte (PB) 1 Billiarde 10¹⁵ Netflix-Gesamtarchiv
Exabyte (EB) 1 Trillion 10¹⁸ Alle E-Mails weltweit/Tag
Zettabyte (ZB) 1 Trilliarde 10²¹ Internet-Traffic 2016

Der digitale Wendepunkt

Jahr Analog Digital Digital-Anteil
1986 2,6 EB 0,02 EB 1%
2002 50% (Wendepunkt)
2007 18 EB 277 EB 94%

Perspektive:

  • 1986: "Petabyte" war ein theoretisches Konzept
  • 2025: ~181 Zettabyte jährlich produziert

Magnetband lebt: LTO-Tapes bleiben günstigstes Archivmedium (AWS Glacier, Film-Archive, Rechenzentren)


Analoge Medien

Distribution: physisch (Kauf, Verleih, Kopie)

  • Text
    • Bücher, Zeitungen, Zeitschriften, Lochkarten
  • Bild
    • Fotografie (Negativ, Dia, Polaroid), Mikrofilm
  • Audio:
    • Schallplatte (Vinyl, Schellack), Tonband, Musikkassette
  • Video:
    • Film (35mm, Super 8), VHS, Betamax

Digitale Medien

Distribution: Datenträger (CD, USB), Download, Streaming, P2P

  • Text
    • E-Book (PDF, EPUB), Dokumente (TXT, DOCX)
  • Bild
    • Digitalfoto (JPEG, PNG, RAW, WebP, GIF)
  • Audio
    • Audiodatei (MP3, FLAC, WAV, AAC, OGG)
  • Video
    • Videodatei (MP4, MKV, AVI, WebM)

Digitale Speichermedien

  • Optische Speicher
    • CD, DVD, Blu-ray
  • Magnetische Speicher
    • Festplatte (HDD), Magnetband (LTO)
  • Flash-Speicher
    • SSD, USB-Stick, SD-Karte
  • Cloud-Speicher
    • Dropbox, Google Drive, iCloud, AWS S3

Rastergrafiken

Aufbau: Liste von Pixeln mit Farbwerten (2D-Array)

Speicherbedarf (unkomprimiert): Breite × Höhe × Farbtiefe (in Bytes)

Beispiele: JPEG, PNG, WebP

Bits (Farbtiefe) Farben Anwendung
1 2 Schwarz/Weiß (Fax)
8 256 Graustufen, GIF
24 16,7 Mio. True Color (Standard)
32 16,7 Mio. + Alpha Transparenz

Vektorgrafiken

Speicherung als geometrische Primitive:

  • Pfade (Bézierkurven mit Kontrollpunkten)
  • Grundformen (Rechteck, Ellipse, Polygon)
  • Text (Glyphen als Outlines)

SVG-Beispiel:

<circle cx="50" cy="50" r="40" fill="#ff0000"/>

SVG beschreibt WAS gezeichnet werden soll, nicht WIE jeder Pixel aussieht.


Die Schwächen des Auges

Menschen sehen:

  • Helligkeit besser als Farbe
  • Große Flächen besser als feine Details
  • Niedrige Frequenzen besser als hohe

JPEG nutzt das aus:

  • Farbauflösung reduzieren (Helligkeit behalten)
  • Glatte Flächen effizient speichern
  • Hohe Frequenzen (feine Details) verwerfen

bg right:20%

JPEG Schritt 1: Farbraumkonversion

RGB → Y'CbCr

  • Y = Helligkeit (Luminanz)
  • Cb = Blau-Gelb-Anteil (Chrominanz)
  • Cr = Rot-Grün-Anteil (Chrominanz)

Warum? Y (Helligkeit) behält volle Auflösung Cb/Cr (Farbe) kann reduziert werden


JPEG Schritt 6: Huffman-Coding

Verlustfreie Kompression der Restwerte

Idee: Variable Bitlänge statt fester 8 Bit Häufige Werte → kurze Codes

Zeichen Häufigkeit Code
e 40% 0 (1 Bit)
a 25% 10 (2 Bit)
i 20% 110 (3 Bit)
o 10% 1110 (4 Bit)
u 5% 1111 (4 Bit)


WebP & AVIF: Moderne Alternativen

WebP (Google, 2010):

  • Lossy und Lossless
  • Transparenz und Animationen
  • 2535% kleiner als JPEG

AVIF (2019):

  • Basiert auf AV1-Video-Codec
  • 50% kleiner als JPEG
  • HDR-Unterstützung, patent-frei

Browser-Support 2025: WebP universell, AVIF wächst


Container und Codec

Container = Dateiformat (z.B. MP4) Die "Box", die verschiedene Streams zusammenpackt:

  • Video-Stream
  • Audio-Stream(s)
  • Untertitel
  • Metadaten

Codec = Kompressionsalgorithmus (z.B. H.264) Bestimmt, WIE komprimiert wird


H.264 / AVC

Advanced Video Coding (2003)

Warum dominant?

  • Exzellente Kompression (~100:1 möglich)
  • Hardware-Decoder in jedem Gerät seit ~2010
  • YouTube, Netflix, Blu-ray alles H.264

Features:

  • Variable Block-Größen (16×16 bis 4×4)
  • Deblocking-Filter (reduziert Artefakte)

AV1: Die offene Zukunft

AV1 (2018)

Alliance for Open Media: Google, Netflix, Amazon, Microsoft, Apple, Mozilla...

Eigenschaften:

  • 30% besser als H.265
  • Royalty-free, Open Source
  • 8K, HDR, hohe Frame-Rates

Stand 2025: YouTube, Netflix nutzen AV1 für 4K/8K Hardware-Encoder in aktuellen GPUs


Wann HDD, wann SSD?

Anwendung Empfehlung
Betriebssystem SSD (NVMe)
Anwendungen, Spiele SSD
Video-Editing (Projekte) SSD
Foto-Archiv HDD oder SSD
Backup HDD
NAS / Server HDD (oder Mix)
Cold Storage HDD oder Band

Die 3-2-1-Regel

3 Kopien eurer Daten (Original + 2 Backups)

2 verschiedene Medientypen (z.B. SSD + HDD, oder lokal + Cloud)

1 Kopie an anderem Ort (Offsite: Cloud, anderes Gebäude)