Convolution
Convolution (Image Filter Kernel Operation)
Convolution is the fundamental operation behind image filters like blur, sharpen, and edge detection. A small matrix (kernel) slides across the image, computing weighted sums of neighboring pixels to produce the output.
κΈ°μ μΈλΆμ¬ν
A 3x3 convolution kernel processes each pixel by multiplying its 9 neighbors by kernel weights and summing the results. Gaussian blur uses a bell-curve-weighted kernel, while Laplacian edge detection uses a center-weighted negative kernel.
μμ
```javascript
// Convolution: 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
μ΄
μ΄λ―Έμ§ κ·Έλ μ΄μ€μΌμΌ λ³ν
μΈ
μΈνΌμ μ΄λ―Έμ§
μ΄
μ΄λ―Έμ§ ν½μ
ν
μ΄
μ΄λ―Έμ§ λ©νλ°μ΄ν° μ κ±°