termin 2: add raster vs vector graphics slides

add foundational content from hauber reference:
- rastergrafiken (bitmaps): pixel-based, scaling issues
- vektorgrafiken: mathematical descriptions, SVG/PDF/AI
- raster vs vektor comparison table + rasterung concept

update IMAGE_LIST.md with 2 new image suggestions
This commit is contained in:
2025-12-18 02:01:21 +01:00
parent 1b551c333a
commit a63caa9d2d
2 changed files with 77 additions and 1 deletions
+8
View File
@@ -87,6 +87,14 @@ This document lists all images needed for the lecture slides. Each image include
- **Context**: Demonstrating compression quality loss
- **AI Prompt**: Side-by-side comparison of same landscape photo: left side crystal clear high resolution, right side heavily compressed with visible JPEG artifacts, blocky pixels and color banding, split down the middle, educational comparison style
### ⬚ raster-vs-vector.png
- **Context**: Comparison of raster and vector graphics scaling
- **AI Prompt**: Split image showing scaling comparison: left side shows raster/bitmap image (photo of flower) that becomes pixelated when zoomed in, right side shows vector graphic (simple logo/icon) that stays crisp at any zoom level, magnifying glass effect on both sides, educational diagram style, clean white background
### ⬚ vector-circle-example.png
- **Context**: Explaining how vector graphics store shapes mathematically
- **AI Prompt**: Educational diagram showing a circle with labeled parameters: center point (x,y coordinates), radius line, color fill indicator, stroke width indicator, mathematical notation style, clean technical illustration, blueprint aesthetic
### ✅ jpeg-artifacts.png
- **Context**: Close-up example of JPEG compression artifacts
- **AI Prompt**: Close-up macro shot of heavily compressed JPEG image showing visible compression artifacts, blocky 8x8 pixel blocks, mosquito noise around edges, color banding in gradients, technical demonstration image