🍋
Menu
Image

Raster Graphics

Растровая графика (битовое изображение)

Тип цифрового изображения, состоящий из прямоугольной сетки индивидуально окрашенных пикселей, где качество и детализация изображения определяются общим количеством пикселей и глубиной цвета.

Техническая деталь

Растровые изображения хранят значения цвета для каждого пикселя в сетке. Распространённые форматы включают JPEG (с потерями, 8 бит), PNG (без потерь, 8/16 бит, альфа), WebP (с потерями/без потерь, альфа), AVIF (на основе AV1, превосходное сжатие), TIFF (универсальный, используется в печати/науке) и BMP (несжатый). Глубина цвета определяет количество возможных цветов на пиксель: 8 бит (256 цветов), 24 бита (16,7 млн цветов) и 32 бита (24 бита + 8-битный альфа-канал). Растровые изображения нельзя увеличить без потери качества, в отличие от векторной графики, которая хранит математические описания фигур.

Пример

```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)
```

Связанные инструменты

Связанные термины