Vignetting
Image Vignetting
The darkening of image corners relative to the center, caused by lens optics or intentionally applied as a creative effect.
Technisches Detail
In digital imaging, vignetting plays a critical role in how images are stored, processed, and displayed. Modern image pipelines handle darkening through standardized APIs (Canvas, WebGL, ImageBitmap) that operate directly on GPU memory for performance. Understanding vignetting is essential for optimizing web delivery, where image payload typically accounts for 40-60% of total page weight. Browser-based tools can manipulate darkening entirely client-side using the Canvas API without server round-trips.
Beispiel
```javascript
// Vignetting: 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)
```
Verwandte Tools
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