Thumbnail
Vorschaubild (Thumbnail)
Eine kleine, verkleinerte Version eines größeren Bildes, die als schnelle visuelle Vorschau dient und häufig in Galerien, Dateibrowsern und Suchergebnissen verwendet wird, damit Benutzer Inhalte identifizieren können, ohne Bilder in voller Auflösung zu laden.
Technisches Detail
Vorschaubilder werden typischerweise durch Herunterskalieren des Originalbildes auf eine Zielgröße (100-300px an der längsten Kante) mittels Resampling-Algorithmen erstellt: Nearest-Neighbor (schnell, blockartig), bilinear (glatt, leicht unscharf), bikubisch (schärfer) oder Lanczos (höchste Qualität, am langsamsten). In Browsern skaliert drawImage() der Canvas-API Bilder clientseitig. Serverseitige Vorschaubilderzeugung verwendet Bibliotheken wie Pillow (Python), Sharp (Node.js) oder ImageMagick. Vorschaubilder sollten separat gespeichert und nicht bei jeder Anfrage generiert werden. EXIF-Daten in JPEG-Dateien enthalten oft ein eingebettetes Vorschaubild im APP1-Segment.
Beispiel
```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)
```