🍋
Menu
Image

Thumbnail

缩略图(预览图像)

大图像的缩小尺寸版本,作为快速视觉预览,常用于图库和搜索结果,供用户在查看完整图像前浏览。

技术细节

缩略图通常通过将原始图像下采样到目标尺寸(最长边100-300px)来生成,使用双线性或Lanczos重采样。JPEG使用嵌入的EXIF缩略图(160×120)进行快速预览。渐进式加载先显示低分辨率版本。Web优化使用srcset和为不同屏幕密度提供不同尺寸。

示例

```javascript
// Thumbnail: 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)
```

相关工具

相关术语