Focus Stacking
Combining multiple images shot at different focus distances to produce one image with greater depth of field.
Detail Teknis
In digital imaging, focus stacking plays a critical role in how images are stored, processed, and displayed. Modern image pipelines handle combining through standardized APIs (Canvas, WebGL, ImageBitmap) that operate directly on GPU memory for performance. Understanding focus stacking is essential for optimizing web delivery, where image payload typically accounts for 40-60% of total page weight. Browser-based tools can manipulate combining entirely client-side using the Canvas API without server round-trips.
Contoh
```javascript
// Focus Stacking: 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)
```
Alat Terkait
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