Resolution
Resolution (Pixel Dimensions)
The total number of pixels in a digital image, expressed as width times height (e.g., 1920 x 1080). Higher resolution means more detail but also larger file sizes and greater processing demands.
技術的詳細
Resolution has two contexts: pixel resolution (the absolute number of pixels in an image, e.g., 3840x2160 = 8.3 megapixels) and spatial resolution (pixel density relative to physical size, measured in PPI/DPI). Screen resolution for web images is typically 72-96 PPI, while print requires 300 DPI for photographic quality. Upscaling (increasing resolution via interpolation) adds pixels without adding real detail, producing blur or artifacts. AI-based super-resolution models (ESRGAN, Real-ESRGAN) can infer plausible detail when upscaling.
例
```javascript
// Resolution: 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)
```