🍋
Menu
Image

Raster Graphics

Rastergrafik (Bitmap-Bild)

Ein Typ digitaler Bilder, der aus einem rechteckigen Raster einzeln gefärbter Pixel besteht, wobei Qualität und Detailgrad des Bildes durch die Gesamtanzahl der Pixel und die Farbtiefe bestimmt werden.

Technisches Detail

Rasterbilder speichern Farbwerte für jeden Pixel in einem Raster. Gängige Formate umfassen JPEG (verlustbehaftet, 8-Bit), PNG (verlustfrei, 8/16-Bit, Alpha), WebP (verlustbehaftet/verlustfrei, Alpha), AVIF (AV1-basiert, überlegene Komprimierung), TIFF (vielseitig, im Druck/Wissenschaft verwendet) und BMP (unkomprimiert). Die Farbtiefe bestimmt die Anzahl möglicher Farben pro Pixel: 8-Bit (256 Farben), 24-Bit (16,7 Mio. Farben) und 32-Bit (24-Bit + 8-Bit Alpha). Rasterbilder können nicht ohne Qualitätsverlust vergrößert werden, im Gegensatz zu Vektorgrafiken, die mathematische Formbeschreibungen speichern.

Beispiel

```javascript
// Raster Graphics: processing with Canvas API
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx.drawImage(sourceImage, 0, 0);
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
// Process pixels in imageData.data (RGBA array)
```

Verwandte Tools

Verwandte Begriffe