Raster Graphics
กราฟิกส์แรสเตอร์ (Raster Graphics) คือรูปภาพดิจิทัลที่ประกอบด้วยตารางจุดภาพ (พิกเซล) สี่เหลี่ยม แต่ละพิกเซลมีค่าสี ค่าความโปร่งใส และตำแหน่งเฉพาะ รูปแบบไฟล์รูปภาพทั่วไป เช่น JPEG, PNG และ WebP ล้วนเป็นกราฟิกส์แรสเตอร์
รายละเอียดทางเทคนิค
ภาพแรสเตอร์จะเก็บค่าสีของแต่ละพิกเซลตามโมเดลสี (RGB, CMYK) และความลึกบิต (8, 16, 32 บิตต่อช่อง) ข้อจำกัดหลักคือการขยายภาพจะทำให้เห็นเป็นพิกเซล (pixelation) ต่างจากกราฟิกส์เวกเตอร์ที่ปรับขนาดได้อย่างอิสระ ขนาดไฟล์แปรผันตามจำนวนพิกเซล × ความลึกบิต × จำนวนช่องสี
ตัวอย่าง
```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)
```
เครื่องมือที่เกี่ยวข้อง
C
Compress Image
R
Resize Image
C
Crop Image
R
Rotate Image
F
Flip Image
C
Convert Image
W
Watermark Image
S
SVG to PNG
I
Image to Base64
R
Round Corners
A
Add Border
I
Image Filters
A
Adjust Image
B
Blur Image
S
Sharpen Image
M
Make Square
G
Grayscale Image
S
Sepia Image
P
Pixelate Image
S
Strip Image Metadata