Resize
Image Resize
การปรับขนาด (Resize) คือกระบวนการเปลี่ยนขนาดพิกเซลของรูปภาพ ทั้งการขยาย (upscaling) หรือลดขนาด (downscaling) การปรับขนาดเป็นการดำเนินการพื้นฐานในการประมวลผลภาพสำหรับการเตรียมภาพเว็บ งานพิมพ์ และการแสดงผล
รายละเอียดทางเทคนิค
อัลกอริทึมการปรับขนาดหลัก ได้แก่ Nearest-neighbor (เร็ว, เหมาะกับ pixel art), Bilinear (สมดุล), Bicubic (คมชัดกว่า) และ Lanczos (คุณภาพสูงสุด, ช้ากว่า) สำหรับเว็บ มักลดขนาดเพื่อให้ตรงกับ viewport breakpoints (เช่น 640, 768, 1024, 1280) และใช้ srcset เพื่อส่งภาพขนาดเหมาะสม
ตัวอย่าง
```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');
```
เครื่องมือที่เกี่ยวข้อง
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