🍋
Menu
Image

Raster Graphics

래스터 그래픽 (비트맵 이미지)

색상 값이 있는 개별 픽셀의 그리드로 구성된 이미지 유형입니다. 사진과 복잡한 이미지에 적합하지만, 확대하면 품질이 저하(픽셀화)됩니다.

기술 세부사항

래스터 이미지는 행과 열로 배열된 픽셀 배열로 구성되며, 각 픽셀은 색상 값을 저장합니다(RGB의 경우 24비트, 알파 포함 시 32비트). 파일 크기 = 너비 × 높이 × 비트 깊이 ÷ 8 (비압축). 일반적인 래스터 형식: JPEG, PNG, WebP, TIFF, BMP. 벡터와 달리 래스터 이미지는 원본 치수를 넘어 확대하면 품질이 저하됩니다.

예시

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

관련 도구

관련 용어