Resize
Größe ändern (Bildskalierung)
Die Operation, bei der die Pixelmaße eines Bildes durch Hoch- (Vergrößern) oder Herunterskalieren (Verkleinern) geändert werden, wobei mathematische Interpolation zur Berechnung neuer Pixelwerte in der Zielauflösung verwendet wird.
Technisches Detail
Herunterskalieren entfernt Pixel durch Flächenmittelung oder Supersampling und erzielt im Allgemeinen gute Ergebnisse. Hochskalieren muss neue Pixelwerte durch Interpolation ableiten: Nearest-Neighbor (erhält harte Kanten, pixelig), bilinear (gewichteter Durchschnitt von 4 nächsten Pixeln), bikubisch (gewichteter Durchschnitt von 16 Pixeln, glatter) und Lanczos (sinc-basiert, am schärfsten ohne Ringing). In Browsern respektiert Canvas drawImage() die Einstellungen imageSmoothingEnabled und imageSmoothingQuality. CSS image-rendering: pixelated deaktiviert die Interpolation für Pixelkunst. Für signifikantes Hochskalieren erzeugen KI-Super-Resolution-Netzwerke weit überlegene Ergebnisse gegenüber traditioneller Interpolation.
Beispiel
```javascript
// Resize image using Canvas API
const canvas = document.createElement('canvas');
canvas.width = 800;
canvas.height = 600;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0, 800, 600);
canvas.toBlob(blob => {
// Download resized image
saveAs(blob, 'resized.png');
}, 'image/png');
```