hdm/223015b
1
0
Fork 0
Code Pull Requests Activity

change image references from .jpg to .png

Browse Source 
- update IMAGE_LIST.md and all slide files
- keep karlheinz-brandenburg.jpg and suzanne-vega.jpg as .jpg (real photos)
- keep code examples unchanged (exiftool, HTML examples)
This commit is contained in:
libretech
2025-12-17 13:26:05 +01:00
parent 747adbd7a3
commit acac4ace89
6 changed files with 377 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
slides/2025-12-19-termin-1-grundlagen-text-audio.md
+9 -9
View File
@@ -7,7 +7,7 @@
---
![bg right:40%](./assets/matrix-code.jpg)
![bg right:40%](./assets/matrix-code.png)
# Mysterium
@@ -36,7 +36,7 @@ Fragen in den Raum: "Was seht ihr?"
- AN oder AUS
- Strom fließt oder nicht
![bg right:50%](./assets/lightbulb-onoff.jpg)
![bg right:50%](./assets/lightbulb-onoff.png)
<!--
Bit = Binary Digit
@@ -73,7 +73,7 @@ Jedes Bit kann 0 oder 1 sein
- **256 Lautstärkestufen**
- **Zahlen 0-255** (oder -128 bis +127)
![bg left:40%](./assets/grayscale-gradient.jpg)
![bg left:40%](./assets/grayscale-gradient.png)
<!--
1 Byte ist extrem limitiert
@@ -96,7 +96,7 @@ R=0-255, G=0-255, B=0-255 → 256³ = 16,7 Millionen Farben
`00 FF 00` = Grün
`FF FF FF` = Weiß
![bg right:40%](./assets/rgb-color-model.jpg)
![bg right:40%](./assets/rgb-color-model.png)
<!--
RGB = Additive Farbmischung (Bildschirme)
@@ -202,7 +202,7 @@ UTF-8-Kodierung: Variable Länge spart Speicher bei ASCII
**Jede Hex-Ziffer = 4 Bits**
0-9, A-F (10=A, 11=B, ..., 15=F)
![bg right:40%](./assets/hex-binary-table.jpg)
![bg right:40%](./assets/hex-binary-table.png)
<!--
Hex = Shortcut für Menschen, nicht für Computer
@@ -292,7 +292,7 @@ Bonus: Spornt Neugierige an
---
![bg](./assets/cassette-ipod.jpg)
![bg](./assets/cassette-ipod.png)
<!--
Kassette neben iPod
@@ -328,7 +328,7 @@ Streaming? Unmöglich.
# Zwei Philosophien
![bg right:50%](./assets/compression-types.jpg)
![bg right:50%](./assets/compression-types.png)
**Lossless (Verlustfrei):**
- Original exakt wiederherstellbar
@@ -499,7 +499,7 @@ Aber: Diminishing Returns ab 256 kbps
---
![bg](./assets/audio-spectrogram.jpg)
![bg](./assets/audio-spectrogram.png)
<!--
Spektrogramm-Vergleich
@@ -531,7 +531,7 @@ Das Pferd war aus dem Stall
---
![bg](./assets/napster-interface.jpg)
![bg](./assets/napster-interface.png)
<!--
Napster-Screenshot (1999)
slides/2026-01-09-termin-2-bild-audio-video.md
+10 -10
View File
@@ -7,7 +7,7 @@
---
![bg](./assets/photo-comparison.jpg)
![bg](./assets/photo-comparison.png)
<!--
Links: Hochauflösend
@@ -80,7 +80,7 @@ Dateierweiterungen: .jpg, .jpeg, .jfif (alle gleich)
---
![bg](./assets/jpeg-artifacts.jpg)
![bg](./assets/jpeg-artifacts.png)
<!--
Beispiel: Stark komprimiertes JPEG
@@ -153,7 +153,7 @@ Photoshop "Save for Web": Standard ist 60
---
![bg](./assets/gif-animation.gif)
![bg](./assets/gif-animation.png)
<!--
GIF-Animation (z.B. Meme)
@@ -236,7 +236,7 @@ JPEG bleibt dominant (Kompatibilität!)
---
![bg](./assets/instagram-quality-loss.jpg)
![bg](./assets/instagram-quality-loss.png)
<!--
Vorher/Nachher: Hochauflösend vs. Instagram-Upload
@@ -318,7 +318,7 @@ Forum: Austausch über Ergebnisse
---
![bg](./assets/netflix-4k.jpg)
![bg](./assets/netflix-4k.png)
<!--
Netflix 4K-Streaming
@@ -370,7 +370,7 @@ Ein MP4 kann H.264, H.265 oder AV1 enthalten
---
![bg](./assets/container-codec-diagram.jpg)
![bg](./assets/container-codec-diagram.png)
<!--
Diagramm: Container mit verschiedenen Streams
@@ -430,7 +430,7 @@ Wenn du vorspulst: Sucht nach nächstem I-Frame
---
![bg](./assets/iframe-pframe-diagram.jpg)
![bg](./assets/iframe-pframe-diagram.png)
<!--
Visualisierung: I/P/B-Frame-Abhängigkeiten
@@ -512,7 +512,7 @@ Fragmentierung verzögert Adoption
---
![bg](./assets/youtube-vp9.jpg)
![bg](./assets/youtube-vp9.png)
<!--
YouTube VP9-Logo
@@ -545,7 +545,7 @@ Hardware-Decoder erst ab ~2016 (langsame Adoption)
---
![bg](./assets/av1-logo.jpg)
![bg](./assets/av1-logo.png)
<!--
AV1-Logo
@@ -606,7 +606,7 @@ Player misst Bandbreite, wechselt live
---
![bg](./assets/streaming-quality-switch.jpg)
![bg](./assets/streaming-quality-switch.png)
<!--
Visualisierung: Qualitätswechsel während Playback
slides/2026-01-23-termin-3-speichermedien-schnittstellen.md
+16 -16
View File
@@ -7,7 +7,7 @@
---
![bg](./assets/hdd-ssd-comparison.jpg)
![bg](./assets/hdd-ssd-comparison.png)
<!--
HDD aufgeschraubt neben SSD-Platine
@@ -58,7 +58,7 @@ Windows: NTFS, macOS: APFS, Linux: ext4
---
![bg](./assets/directory-tree.jpg)
![bg](./assets/directory-tree.png)
<!--
Verzeichnisbaum-Visualisierung
@@ -221,7 +221,7 @@ Sicherheit: APFS/NTFS für Verschlüsselung
---
![bg](./assets/backup-disaster.jpg)
![bg](./assets/backup-disaster.png)
<!--
Symbolbild: Kaputte Festplatte, verzweifelter User
@@ -313,7 +313,7 @@ Syncthing: P2P-Sync, kein zentraler Server
---
![bg](./assets/bit-rot.jpg)
![bg](./assets/bit-rot.png)
<!--
Visualisierung: Verfallende Daten
@@ -343,7 +343,7 @@ Offene Standards: PDF/A, TIFF, TXT überleben
---
![bg](./assets/lto-tape.jpg)
![bg](./assets/lto-tape.png)
<!--
LTO-Kassette + Laufwerk
@@ -374,7 +374,7 @@ Cold Storage: Daten, die selten gebraucht werden
---
![bg](./assets/m-disc.jpg)
![bg](./assets/m-disc.png)
<!--
M-DISC Blu-ray
@@ -401,7 +401,7 @@ Nachteil: Teurer (~5€ vs. 0,50€ normale Blu-ray)
---
![bg](./assets/dna-helix.jpg)
![bg](./assets/dna-helix.png)
<!--
DNA-Helix mit Binärcode überlagert
@@ -481,7 +481,7 @@ Bonus: Wer's macht, hat echten Nutzen
---
![bg](./assets/cable-mess.jpg)
![bg](./assets/cable-mess.png)
<!--
Kabelsalat: USB-A, USB-C, HDMI, DisplayPort, Lightning
@@ -510,7 +510,7 @@ Ohne Standards: Jedes Gerät braucht eigenes Kabel
---
![bg](./assets/pc-back-1990s.jpg)
![bg](./assets/pc-back-1990s.png)
<!--
PC-Rückseite 1990er
@@ -565,7 +565,7 @@ USB 4 basiert auf Thunderbolt 3 (Intel spendete Spec)
---
![bg](./assets/usb-c-cables.jpg)
![bg](./assets/usb-c-cables.png)
<!--
Identisch aussehende USB-C-Kabel
@@ -651,7 +651,7 @@ EU-Regulierung: Beschriftung gefordert (aber nicht umgesetzt)
---
![bg](./assets/thunderbolt-logo.jpg)
![bg](./assets/thunderbolt-logo.png)
<!--
Thunderbolt-Logo (Blitz-Symbol)
@@ -684,7 +684,7 @@ Zertifizierung: Blitz-Logo = echt Thunderbolt
---
![bg](./assets/hdmi-cable.jpg)
![bg](./assets/hdmi-cable.png)
<!--
HDMI-Kabel + Stecker
@@ -722,7 +722,7 @@ Lizenzgebühren: ~$10.000 Jahresgebühr + $0,15/Gerät
---
![bg](./assets/displayport-cable.jpg)
![bg](./assets/displayport-cable.png)
<!--
DisplayPort-Kabel + Stecker
@@ -778,7 +778,7 @@ Politik & Marketing entscheiden
---
![bg](./assets/hdcp-warning.jpg)
![bg](./assets/hdcp-warning.png)
<!--
HDCP-Fehler auf Bildschirm
@@ -814,7 +814,7 @@ Classic DRM-Problem: Nervt Zahlende, nicht Piraten
---
![bg](./assets/ethernet-cable.jpg)
![bg](./assets/ethernet-cable.png)
<!--
Ethernet-Kabel (RJ45)
@@ -849,7 +849,7 @@ PoE = Power over Ethernet (Strom + Daten)
---
![bg](./assets/vintage-ports.jpg)
![bg](./assets/vintage-ports.png)
<!--
Alte Anschlüsse: VGA, PS/2, Seriell, Parallel
slides/2026-01-30-termin-4-distribution-apis-zukunft.md
+25 -25
View File
@@ -7,7 +7,7 @@
---
![bg](./assets/sneakernet-truck.jpg)
![bg](./assets/sneakernet-truck.png)
<!--
LKW voller Festplatten (Symbolbild)
@@ -41,7 +41,7 @@ AWS Snowball existiert GENAU deswegen
---
![bg](./assets/aws-snowmobile.jpg)
![bg](./assets/aws-snowmobile.png)
<!--
AWS Snowmobile: 45-Fuß-Container auf LKW
@@ -78,7 +78,7 @@ Use Case: Rechenzentrum-Umzüge, Film-Archive
---
![bg](./assets/cd-dvd-bluray.jpg)
![bg](./assets/cd-dvd-bluray.png)
<!--
CD, DVD, Blu-ray nebeneinander
@@ -108,7 +108,7 @@ Disc oft nur Installer, Rest kommt aus Netz (Day-One-Patches)
---
![bg](./assets/server-overload.jpg)
![bg](./assets/server-overload.png)
<!--
Server unter Last (symbolisch)
@@ -138,7 +138,7 @@ CDNs lösen das Problem
---
![bg](./assets/cdn-map.jpg)
![bg](./assets/cdn-map.png)
<!--
Weltkarte mit CDN-Knoten (Points of Presence)
@@ -198,7 +198,7 @@ Purge: Manuelles Löschen (teuer, dauert Zeit)
---
![bg](./assets/netflix-openconnect.jpg)
![bg](./assets/netflix-openconnect.png)
<!--
Netflix Open Connect Appliance
@@ -231,7 +231,7 @@ Peering: Direktverbindungen zwischen Netflix & ISPs
---
![bg](./assets/p2p-network.jpg)
![bg](./assets/p2p-network.png)
<!--
P2P-Netzwerk-Diagramm
@@ -265,7 +265,7 @@ Rechtliche Grauzone: Technologie neutral, aber oft illegal genutzt
---
![bg](./assets/bittorrent-swarm.jpg)
![bg](./assets/bittorrent-swarm.png)
<!--
BitTorrent-Swarm-Visualisierung
@@ -300,7 +300,7 @@ Tit-for-tat: Fairness-Mechanismus (Upload = Download-Speed)
---
![bg](./assets/pirate-bay-logo.jpg)
![bg](./assets/pirate-bay-logo.png)
<!--
The Pirate Bay Logo (historisch)
@@ -336,7 +336,7 @@ Legitime Nutzung: Ubuntu-Download via Torrent (entlastet Server)
---
![bg](./assets/ipfs-logo.jpg)
![bg](./assets/ipfs-logo.png)
<!--
IPFS-Logo
@@ -373,7 +373,7 @@ NFTs: Viele nutzen IPFS (aber nicht alle! Manche nur Links)
---
![bg](./assets/streaming-hls.jpg)
![bg](./assets/streaming-hls.png)
<!--
Streaming-Pipeline: Encoder → CDN → Player
@@ -471,7 +471,7 @@ Cache-Control Header: max-age, s-maxage, public/private
---
![bg](./assets/api-diagram.jpg)
![bg](./assets/api-diagram.png)
<!--
API-Diagramm mit Pfeilen zwischen Apps
@@ -503,7 +503,7 @@ Web-APIs = Heute Fokus
---
![bg](./assets/http-request-response.jpg)
![bg](./assets/http-request-response.png)
<!--
HTTP Request/Response-Zyklus
@@ -560,7 +560,7 @@ PATCH: Nur geänderte Felder (effizienter als PUT)
---
![bg](./assets/rest-api.jpg)
![bg](./assets/rest-api.png)
<!--
REST-API-Struktur
@@ -626,7 +626,7 @@ Aber: Nicht standardisiert, jede API anders
---
![bg](./assets/graphql-logo.jpg)
![bg](./assets/graphql-logo.png)
<!--
GraphQL-Logo
@@ -708,7 +708,7 @@ GraphQL Playground: Interactive API Explorer
---
![bg](./assets/websocket-diagram.jpg)
![bg](./assets/websocket-diagram.png)
<!--
WebSocket-Verbindung: Bidirektional, persistent
@@ -763,7 +763,7 @@ Socket.io: JavaScript-Library (vereinfacht WebSocket)
---
![bg](./assets/grpc-logo.jpg)
![bg](./assets/grpc-logo.png)
<!--
gRPC-Logo
@@ -926,7 +926,7 @@ Client bauen: Praktische Anwendung (Python requests, JavaScript fetch)
---
![bg](./assets/exif-gps.jpg)
![bg](./assets/exif-gps.png)
<!--
Foto mit eingeblendeten GPS-Koordinaten
@@ -987,7 +987,7 @@ Orientation: Landscape/Portrait (für Auto-Rotation)
---
![bg](./assets/mcafee-exif-fail.jpg)
![bg](./assets/mcafee-exif-fail.png)
<!--
John McAfee Guatemala-Story (2012)
@@ -1048,7 +1048,7 @@ Cloud: Originaldatei bleibt unverändert (gut für Backup, schlecht für Privacy
---
![bg](./assets/id3-tag-editor.jpg)
![bg](./assets/id3-tag-editor.png)
<!--
ID3-Tag-Editor (Screenshot)
@@ -1083,7 +1083,7 @@ Composer: Unterschied zu Artist (klassische Musik)
---
![bg](./assets/musicbrainz-logo.jpg)
![bg](./assets/musicbrainz-logo.png)
<!--
MusicBrainz-Logo
@@ -1144,7 +1144,7 @@ Erweitert: Qualified Dublin Core (mehr Felder)
---
![bg](./assets/pdf-metadata-leak.jpg)
![bg](./assets/pdf-metadata-leak.png)
<!--
PDF-Metadaten-Analyse (Screenshot)
@@ -1343,7 +1343,7 @@ KB-Ersparnis: Oft gering, aber Prinzip wichtig
---
![bg](./assets/futuristic-datacenter.jpg)
![bg](./assets/futuristic-datacenter.png)
<!--
Futuristisches Rechenzentrum
@@ -1403,7 +1403,7 @@ GPU/NPU nötig: Noch nicht Consumer-ready
---
![bg](./assets/jpeg-xl-logo.jpg)
![bg](./assets/jpeg-xl-logo.png)
<!--
JPEG XL Logo
@@ -1466,7 +1466,7 @@ ML: Neural Codecs (Google's "Neural Video Coding")
---
![bg](./assets/dna-storage-concept.jpg)
![bg](./assets/dna-storage-concept.png)
<!--
DNA-Storage-Konzept
slides/_intro.md
+1 -1
View File
@@ -1,4 +1,4 @@
![bg fit](./assets/digital-landscape.jpg)
![bg fit](./assets/digital-landscape.png)
<!-- Startbild: Futuristisches Netzwerk, Datenströme, oder digitale Landschaft -->