Datenkomprimierung Demo - © M. Meili

Interaktive Beispiele zu verlustfreier und verlustbehafteter Komprimierung

Was ist Datenkomprimierung?

Definition: Datenkomprimierung reduziert die Grösse von Dateien, um Speicherplatz zu sparen und Übertragungszeiten zu verkürzen.

🔄 Verlustfreie Komprimierung (Lossless)

Die Originaldaten können exakt wiederhergestellt werden.

ZIP

Verlustfrei

Universelles Komprimierungsformat für alle Dateitypen

Komprimierung: Deflate, Unterstützung: Überall

RAR

Verlustfrei

Hohe Komprimierungsraten, proprietäres Format

Komprimierung: Proprietär, Lizenz erforderlich

7ZIP (.7z)

Verlustfrei

Open-Source mit sehr guter Komprimierung

Komprimierung: LZMA2, bis 50% kleiner als ZIP

GZIP (.gz)

Verlustfrei

Unix/Linux Standard, einzelne Dateien

Oft kombiniert mit TAR (tar.gz)

BZIP2 (.bz2)

Verlustfrei

Bessere Komprimierung als GZIP, aber langsamer

Komprimierung: Burrows-Wheeler

XZ

Verlustfrei

Moderner Standard in Linux, beste Komprimierung

Komprimierung: LZMA2, sehr effizient

TAR

Unkomprimiert

Archivierung ohne Komprimierung

Wird oft mit GZIP/BZIP2/XZ kombiniert

CAB

Verlustfrei

Microsoft Cabinet-Format für Installationen

Windows-spezifisch

ISO

Verlustfrei

Disk-Image für CDs/DVDs/Blu-rays

Exakte Kopie optischer Medien

📸 Verlustbehaftete Komprimierung (Lossy)

Die Originaldaten werden approximiert, kleine Details gehen verloren.

JPEG / JPG

Verlustbehaftet

Ideal für Fotos, einstellbare Qualität

Standard seit 1992, universell unterstützt

GIF

Verlustfrei

Max. 256 Farben, gut für Animationen

LZW-Komprimierung, Transparenz

PNG

Verlustfrei

Unterstützt Transparenz, ideal für Grafiken

PNG-8 (256 Farben) oder PNG-24 (16,7 Mio)

WEBP

Beide Modi

Modern, sehr effizient, von Google entwickelt

25-35% kleiner als JPEG/PNG

AVIF

Beide Modi

Neuestes Format, noch bessere Komprimierung

Bis 50% kleiner als JPEG, moderne Browser

TIFF

Verlustfrei

Professionell, hohe Qualität, grosse Dateien

Mehrseitig, für Druck und Archivierung

BMP

Unkomprimiert

Keine Komprimierung, sehr grosse Dateien

Windows Bitmap, selten verwendet

SVG

Vektorgrafik

Skalierbar ohne Qualitätsverlust, XML-basiert

Ideal für Logos und Icons

HEIF / HEIC

Verlustbehaftet

Apple Standard, bessere Komprimierung als JPEG

iOS/macOS Standard ab 2017

🎵 Audio-Komprimierung

Audioformate reduzieren Dateigrösse durch Entfernen unhörbarer Frequenzen oder effiziente Kodierung.

MP3

Verlustbehaftet

Universal-Standard, ~90% Komprimierung

1 MB/Minute bei 128 kbps

AAC (.m4a)

Verlustbehaftet

Besser als MP3, Apple/YouTube-Standard

Effizientere Komprimierung

FLAC

Verlustfrei

Hi-Fi Qualität, ~50% Komprimierung

~5 MB/Minute

WAV

Unkomprimiert

Studio-Standard, keine Komprimierung

~10 MB/Minute

OPUS

Verlustbehaftet

Modernster Codec, beste Qualität/Grösse

VoIP, Streaming optimiert

🎬 Video-Komprimierung

Videos kombinieren Bild- und Audiokomprimierung. Container (z.B. MP4) enthalten Codecs (z.B. H.264).

MP4 (H.264)

Container + Codec

Universal-Standard, überall unterstützt

YouTube, Web, Smartphones

WEBM (VP9)

Container + Codec

Open Source, bessere Komprimierung als H.264

Web-optimiert, YouTube

MP4 (H.265/HEVC)

Container + Codec

50% besser als H.264, 4K-optimiert

Netflix, 4K-Streaming

AVI

Container

Veraltet, grosse Dateien

Nicht mehr empfohlen

MKV

Container

Flexibel, mehrere Spuren möglich

HD-Videos, Desktop

RLE Komprimierung - Live Demo

Prinzip: Run Length Encoding (RLE) komprimiert aufeinanderfolgende gleiche Zeichen. Die Original-Information bleibt vollständig erhalten!
⚠️ WICHTIG - Was RLE kann und nicht kann:
  • Funktioniert gut: "AAAAA" → "5A" (aufeinanderfolgende Zeichen)
  • Funktioniert NICHT: "Hallo Hallo" (verschiedene Buchstaben)
  • 💡 Für wiederholte Wörter: Siehe nächster Tab "Dictionary Komprimierung"
Original: -
Komprimiert (RLE): -
Dekomprimiert: -
Original-Grösse: 0 Zeichen
Komprimierte Grösse: 0 Zeichen
Komprimierungsrate: 0%
Platzersparnis: 0%
💡 Wie funktioniert RLE (Run-Length Encoding)?

Aufeinanderfolgende gleiche Zeichen werden durch "Anzahl + Zeichen" ersetzt:

  • "AAAAA" → "5A"
  • "BBBBB" → "5B"
  • "CCCCC" → "5C"

Dictionary Komprimierung - Live Demo

Prinzip: Wiederholte Wörter und Muster werden in einem "Wörterbuch" gespeichert. Beim zweiten Vorkommen wird nur eine Referenz eingefügt!
Verwendet in: ZIP, GZIP, PNG (DEFLATE-Algorithmus basiert auf LZ77)
✅ Was Dictionary-Komprimierung kann:
  • ✅ Erkennt wiederholte Wörter: "Hallo Welt Hallo" → Das Wort "Hallo" wird nur einmal gespeichert
  • ✅ Erkennt wiederholte Muster: Häufige Zeichenfolgen werden durch Referenzen ersetzt
  • Sehr effektiv für Text, Code, HTML, JSON und ähnliche Daten
Original: -
Komprimiert: -
Dictionary: -
Original-Grösse: 0 Zeichen
Komprimierte Grösse: 0 Zeichen
Dictionary-Grösse: 0 Zeichen
Gesamt-Grösse: 0 Zeichen
Platzersparnis: 0%
💡 Wie funktioniert Dictionary-Komprimierung?

Wiederholte Wörter werden nummeriert und in einem Wörterbuch gespeichert:

  • Erste Erwähnung: "Hallo" → wird gespeichert als [0:Hallo]
  • Zweite Erwähnung: "Hallo" → nur Referenz [0]
  • Ergebnis: "Hallo Welt Hallo" → "[0:Hallo] [1:Welt] [0]"

Hinweis: Dies ist eine vereinfachte Demonstration. Echte Algorithmen wie LZ77, LZ78 oder DEFLATE sind deutlich komplexer und effizienter. Sie erkennen auch Teilmuster und arbeiten auf Byte-Ebene.

🔄 RLE vs Dictionary - Wann was verwenden?
Algorithmus Gut für Beispiele
RLE Viele gleiche Zeichen hintereinander Einfache Grafiken, Fax, BMP
Dictionary Wiederholte Wörter/Muster Text, Code, HTML, ZIP, PNG

Bildauflösung & Pixel

Auflösung: Die Anzahl der Pixel (Bildpunkte) bestimmt die Detailgenauigkeit. Höhere Auflösung = mehr Details aber auch grössere Dateien.
16×16 32×32 64×64 128×128 256×256

Original (Hohe Auflösung)

Reduzierte Auflösung

Original-Pixel: 40.000
Reduzierte Pixel: 4.096
Datenreduktion: 89.8%
📐 Wichtige Begriffe:
  • Pixel: Bildpunkte (Picture Elements)
  • DPI (Dots Per Inch): Druckauflösung, Punkte pro Zoll
  • PPI (Pixels Per Inch): Bildschirmauflösung
  • Megapixel: 1 Million Pixel (z.B. 1920×1080 ≈ 2MP)

Farbtiefe & Farbanzahl

Farbtiefe: Anzahl der Bits pro Pixel. Mehr Bits = mehr Farben aber grössere Dateien.
1-bit 4-bit 8-bit 16-bit 24-bit

Original (24-Bit, 16.7 Mio Farben)

Reduziert (8-Bit, 256 Farben)

Farbtiefe: 8 Bit pro Pixel
Mögliche Farben: 256
Bytes pro Pixel: 1 Byte
Datenreduktion: 66.7%
🎨 Farbtiefe-Übersicht:
  • 1-Bit: 2 Farben (Schwarz/Weiss)
  • 4-Bit: 16 Farben
  • 8-Bit: 256 Farben (GIF)
  • 16-Bit: 65.536 Farben (High Color)
  • 24-Bit: 16.777.216 Farben (True Color)
  • 32-Bit: 24-Bit + 8-Bit Alpha (Transparenz)

Bildformate im Vergleich

🌐 Browser-Kompatibilität beachten! Nicht alle Bildformate werden von allen Browsern unterstützt. Für Webseiten ist dies sehr wichtig!

Browser-Unterstützung für Web-Bildformate

Format Chrome Firefox Safari Edge IE 11 Web-Einsatz
JPEG/JPG ✅ Perfekt
PNG ✅ Perfekt
GIF ✅ Perfekt
SVG ⚠️ ✅ Sehr gut
WEBP ⚠️ Gut (95%+)
AVIF ⚠️ Modern (85%+)
HEIF/HEIC ❌ Nicht für Web
BMP ❌ Zu gross für Web
TIFF ⚠️ ❌ Nicht für Web
💡 Legende:
  • = Vollständig unterstützt
  • ⚠️ = Teilweise/eingeschränkt unterstützt
  • = Nicht unterstützt

Detaillierte Format-Informationen

BMP (Bitmap)

Unkomprimiert ❌ Nicht für Web

Vorteile:

  • Einfach zu verarbeiten
  • Keine Qualitätsverluste
  • Schnelles Laden

Nachteile:

  • Sehr grosse Dateien
  • Keine Komprimierung
  • Ungeeignet für Web

Typische Grösse: 5-10 MB für ein Foto

GIF

Verlustfrei ✅ Perfekt für Web

Vorteile:

  • Unterstützt Animationen
  • Transparenz möglich
  • Gute Komprimierung
  • Universelle Browser-Unterstützung

Nachteile:

  • Nur 256 Farben
  • Nicht für Fotos geeignet

Einsatz: Icons, Logos, einfache Animationen

JPEG / JPG

Verlustbehaftet ✅ Perfekt für Web

Vorteile:

  • Sehr gute Komprimierung
  • Ideal für Fotos
  • Millionen Farben
  • 100% Browser-Unterstützung

Nachteile:

  • Qualitätsverlust
  • Keine Transparenz
  • Verluste bei Re-Komprimierung

Typische Grösse: 200-800 KB für ein Foto

PNG

Verlustfrei ✅ Perfekt für Web

Vorteile:

  • Verlustfreie Komprimierung
  • Alpha-Transparenz
  • Millionen Farben
  • 100% Browser-Unterstützung

Nachteile:

  • Grösser als JPEG bei Fotos
  • Keine Animationen

Einsatz: Grafiken, Screenshots, Web-Design

SVG

Vektorgrafik ✅ Sehr gut für Web

Vorteile:

  • Beliebig skalierbar ohne Qualitätsverlust
  • Sehr kleine Dateien
  • XML-basiert, editierbar
  • Animationen möglich (CSS/JS)

Nachteile:

  • Nur für Vektorgrafiken
  • Nicht für Fotos geeignet

Einsatz: Logos, Icons, Illustrationen

WEBP

Beides möglich ⚠️ Gut für Web (95%+)

Vorteile:

  • Beste Komprimierung
  • 25-35% kleiner als JPEG
  • Transparenz & Animation
  • Moderne Browser unterstützen es

Nachteile:

  • IE 11 unterstützt es nicht
  • Relativ neu (2010)

Status: Moderner Standard für Web

AVIF

Beides möglich ⚠️ Modern (85%+)

Vorteile:

  • Beste Komprimierung aller Formate
  • Bis 50% kleiner als JPEG
  • HDR-Unterstützung
  • Transparenz möglich

Nachteile:

  • Sehr neu (2019)
  • Ältere Browser unterstützen es nicht
  • Langsamere Kodierung

Status: Zukunft des Webs

HEIF/HEIC

Verlustbehaftet ❌ Nicht für Web

Vorteile:

  • Bessere Komprimierung als JPEG
  • Mehrere Bilder pro Datei
  • Metadaten-Unterstützung
  • Standard auf iOS/macOS

Nachteile:

  • Keine Web-Browser-Unterstützung
  • Lizenzprobleme
  • Nur auf Apple-Geräten verbreitet

Einsatz: Apple-Ökosystem, Fotos

TIFF

Verlustfrei ❌ Nicht für Web

Vorteile:

  • Professionelle Qualität
  • Mehrere Seiten möglich
  • Flexible Komprimierung
  • Industrie-Standard

Nachteile:

  • Sehr grosse Dateien
  • Keine Browser-Unterstützung
  • Komplexes Format

Einsatz: Druckvorstufe, Archivierung, Scan

🎵 Audioformate im Vergleich

Audio-Komprimierung: Audioformate komprimieren Klänge durch Entfernen unhörbarer Frequenzen (verlustbehaftet) oder durch effiziente Kodierung (verlustfrei).

Browser-Unterstützung für Web-Audio

Format Chrome Firefox Safari Edge IE 11 Web-Einsatz
MP3 ✅ Perfekt
AAC (.m4a) ✅ Perfekt
OGG Vorbis ⚠️ Eingeschränkt
OPUS ✅ Sehr gut (95%+)
WAV ❌ Zu gross
FLAC ❌ Zu gross
WMA ❌ Veraltet

Detaillierte Format-Informationen

MP3

Verlustbehaftet ✅ Perfekt für Web

Vorteile:

  • Universell unterstützt
  • Gute Komprimierung (ca. 90%)
  • Kleine Dateigrösse
  • Funktioniert überall

Nachteile:

  • Qualitätsverlust
  • Technisch überholt
  • Lizenzgebühren (veraltet)

Bitrate: 128-320 kbps | Grösse: 1 MB/Min (128 kbps)

AAC (.m4a)

Verlustbehaftet ✅ Perfekt für Web

Vorteile:

  • Bessere Qualität als MP3
  • Kleinere Dateien als MP3
  • Standard bei Apple/YouTube
  • Moderne Komprimierung

Nachteile:

  • Nicht so verbreitet wie MP3
  • Lizenziert

Bitrate: 96-256 kbps | Grösse: 0.7 MB/Min (128 kbps)

OGG Vorbis (.ogg)

Verlustbehaftet ⚠️ Eingeschränkt

Vorteile:

  • Open Source & frei
  • Bessere Qualität als MP3
  • Keine Lizenzkosten
  • Effiziente Komprimierung

Nachteile:

  • Safari unterstützt es nicht
  • Weniger verbreitet
  • Hardware-Support begrenzt

Einsatz: Gaming, Streaming, Open-Source-Projekte

OPUS (.opus)

Verlustbehaftet ✅ Sehr gut

Vorteile:

  • Beste Audio-Qualität bei gleicher Grösse
  • Sehr niedrige Latenz
  • Open Source & lizenzfrei
  • Variable Bitrate

Nachteile:

  • Relativ neu (2012)
  • Weniger Geräte-Support

Einsatz: VoIP, Streaming, WebRTC, moderne Apps

WAV

Unkomprimiert ❌ Zu gross

Vorteile:

  • Keine Qualitätsverluste
  • Einfaches Format
  • Studio-Standard
  • Universal lesbar

Nachteile:

  • Riesige Dateien
  • Keine Komprimierung
  • Unpraktisch für Web

Grösse: ~10 MB/Min (44.1kHz, 16-bit Stereo)

FLAC

Verlustfrei ⚠️ Audiophile

Vorteile:

  • Verlustfreie Komprimierung
  • 50% Grössenreduktion
  • Open Source
  • Metadaten-Support

Nachteile:

  • Immer noch grosse Dateien
  • Nicht für mobile Geräte ideal
  • Mehr CPU-Last

Grösse: ~5 MB/Min | Einsatz: Hi-Fi, Archivierung

ALAC (.m4a)

Verlustfrei ⚠️ Apple

Vorteile:

  • Verlustfreie Komprimierung
  • Perfekt für Apple-Geräte
  • iTunes-Integration
  • Ähnlich wie FLAC

Nachteile:

  • Weniger verbreitet als FLAC
  • Grosse Dateien
  • Hauptsächlich Apple-Ökosystem

Einsatz: iTunes, Apple Music, iOS

WMA

Verlustbehaftet ❌ Veraltet

Vorteile:

  • Gute Qualität
  • Windows-Integration
  • DRM-Unterstützung

Nachteile:

  • Proprietär (Microsoft)
  • Kaum noch verwendet
  • Keine Browser-Unterstützung
  • Schlechte Kompatibilität

Status: Weitgehend durch AAC/MP3 ersetzt

AIFF

Unkomprimiert ⚠️ Apple/Pro

Vorteile:

  • Keine Qualitätsverluste
  • Apple-Standard
  • Professionelle Produktion
  • Ähnlich wie WAV

Nachteile:

  • Sehr grosse Dateien
  • Nur Mac/iOS optimiert

Einsatz: Audio-Produktion auf Mac

✅ Empfehlungen für Audio:
  • Web-Audio: MP3 (Kompatibilität) oder AAC (Qualität)
  • Streaming/VoIP: OPUS (beste Qualität bei niedriger Bitrate)
  • Musik-Sammlung: MP3 oder AAC (platzsparend)
  • Hi-Fi/Archivierung: FLAC (verlustfrei)
  • Audio-Produktion: WAV oder AIFF (unkomprimiert)
  • Gaming/Apps: OGG Vorbis (Open Source)

🎬 Videoformate im Vergleich

Container vs. Codec: Ein Videoformat (Container) kann verschiedene Codecs enthalten. MP4 ist z.B. ein Container, der H.264 oder H.265 Codecs verwenden kann.

Browser-Unterstützung für Web-Video

Format Chrome Firefox Safari Edge IE 11 Web-Einsatz
MP4 (H.264) ✅ Perfekt
MP4 (H.265/HEVC) ⚠️ ⚠️ ⚠️ ⚠️ Begrenzt
WEBM (VP9) ⚠️ Gut (80%+)
WEBM (AV1) ⚠️ Modern (75%+)
OGG (Theora) ⚠️ ❌ Veraltet
MOV (QuickTime) ⚠️ ⚠️ ❌ Nicht für Web
AVI ❌ Nicht für Web
MKV ❌ Nicht für Web

Wichtige Video-Codecs

🎥 Codec-Übersicht:
  • H.264 (AVC): Standard, universell unterstützt, gute Qualität
  • H.265 (HEVC): Nachfolger von H.264, 50% bessere Komprimierung, Lizenzkosten
  • VP9: Google, Open Source, YouTube-Standard, gute Komprimierung
  • AV1: Neuester Codec, beste Komprimierung, Open Source, langsam beim Enkodieren
  • VP8: Älter, Open Source, von VP9 abgelöst
  • Theora: Veraltet, Open Source, schlechte Qualität

Detaillierte Format-Informationen

MP4 (H.264)

Container + Codec ✅ Perfekt für Web

Vorteile:

  • 100% Browser-Unterstützung
  • Hardware-Beschleunigung
  • Gute Qualität & Komprimierung
  • Streaming-fähig

Nachteile:

  • Lizenzgebühren (für Encoder)
  • Nicht beste Komprimierung

Einsatz: YouTube, Web, Smartphones, alles

MP4 (H.265/HEVC)

Container + Codec ⚠️ Begrenzt

Vorteile:

  • 50% bessere Komprimierung als H.264
  • 4K/8K-optimiert
  • HDR-Unterstützung
  • Moderne Hardware-Unterstützung

Nachteile:

  • Hohe Lizenzkosten
  • Eingeschränkte Browser-Unterstützung
  • Langsames Enkodieren

Einsatz: 4K-Streaming, Apple-Geräte, Netflix

WEBM (VP9)

Container + Codec ✅ Gut für Web

Vorteile:

  • Open Source & lizenzfrei
  • Bessere Komprimierung als H.264
  • YouTube-Standard
  • Web-optimiert

Nachteile:

  • Safari unterstützt es nicht
  • Langsameres Enkodieren
  • Weniger Hardware-Support

Einsatz: YouTube, Chrome, Firefox, Web

WEBM (AV1)

Container + Codec ⚠️ Modern

Vorteile:

  • Beste Komprimierung aller Codecs
  • 30% besser als H.265
  • Open Source & lizenzfrei
  • Zukunftssicher

Nachteile:

  • Sehr langsames Enkodieren
  • Noch keine Safari-Unterstützung
  • Begrenzte Hardware-Beschleunigung

Status: Netflix, YouTube (4K), Zukunft des Webs

MOV (QuickTime)

Container ❌ Nicht für Web

Vorteile:

  • Apple-Standard
  • Professionelle Qualität
  • Viele Codec-Optionen
  • Metadaten-Support

Nachteile:

  • Keine Browser-Unterstützung
  • Grosse Dateien
  • Hauptsächlich macOS/iOS

Einsatz: Video-Bearbeitung, Final Cut Pro, iPhone

AVI

Container ❌ Veraltet

Vorteile:

  • Einfaches Format
  • Weit verbreitet (früher)
  • Viele Codecs möglich

Nachteile:

  • Sehr veraltet (1992)
  • Keine Browser-Unterstützung
  • Grosse Dateien
  • Kein Streaming

Status: Weitgehend durch MP4 ersetzt

MKV (Matroska)

Container ⚠️ Desktop

Vorteile:

  • Sehr flexibel
  • Mehrere Audio-/Untertitelspuren
  • Alle Codecs unterstützt
  • Open Source

Nachteile:

  • Keine Browser-Unterstützung
  • Nicht für Streaming
  • Benötigt spezielle Player

Einsatz: HD-Videos, Blu-ray-Rips, Desktop

WMV

Container + Codec ❌ Veraltet

Vorteile:

  • Windows-Integration
  • DRM-Support
  • Streaming-fähig

Nachteile:

  • Proprietär (Microsoft)
  • Keine Browser-Unterstützung
  • Schlechte Kompatibilität
  • Veraltet

Status: Nicht mehr empfohlen

FLV (Flash Video)

Container ❌ Tot

Historie:

  • Früher YouTube-Standard
  • Web-Videos vor HTML5
  • Flash Player erforderlich

Status:

  • Flash ist tot (2020)
  • Keine Browser-Unterstützung mehr
  • Sicherheitsprobleme
  • Komplett durch MP4/WEBM ersetzt

⚠️ Nicht mehr verwenden!

✅ Empfehlungen für Video:
  • Web-Video (Standard): MP4 mit H.264 (beste Kompatibilität)
  • Web-Video (Modern): MP4 (H.264) + WEBM (VP9) als Fallback
  • 4K-Streaming: MP4 mit H.265 oder WEBM mit AV1
  • YouTube/Plattformen: MP4 (H.264) hochladen, Rest macht die Plattform
  • Video-Bearbeitung: MOV (ProRes) oder DNxHD
  • Archivierung: MKV mit H.264/H.265
  • Zukunftssicher: AV1 im Auge behalten
💡 Auflösungen & Bitraten (Richtwerte):
  • 480p (SD): 1-2 Mbps | ~450 MB/Stunde
  • 720p (HD): 3-5 Mbps | ~1.3 GB/Stunde
  • 1080p (Full HD): 5-8 Mbps | ~2.5 GB/Stunde
  • 1440p (2K): 10-16 Mbps | ~5 GB/Stunde
  • 2160p (4K): 20-40 Mbps | ~10 GB/Stunde
  • 4320p (8K): 80-160 Mbps | ~40 GB/Stunde