วิธีปรับขนาดรูปภาพทีละขั้นตอน
Quick Answer
วิธี resize รูป: เปิด Image Resizer, อัปโหลดรูป, ใส่กว้างหรือยาวเป้าหมาย (มิติอื่นคำนวณอัตโนมัติเพื่อรักษา aspect ratio) แล้วดาวน์โหลด การประมวลผลเกิดในเครื่องผ่าน Canvas API
Introduction
การ resize รูปเปลี่ยนขนาด (กว้างและยาวเป็น pixel) จำเป็นสำหรับรูปเว็บ (ขนาดเฉพาะสำหรับ layout และ performance), โพสต์ social media (ขนาดตามแพลตฟอร์ม) และ thumbnail resize ต่างจากบีบอัด —resize เปลี่ยนขนาด บีบอัดลดขนาดไฟล์
Step by Step
-
Open the Image Resizer tool
Go to the Image Resizer tool page. The tool supports JPEG, PNG, WebP, and BMP and processes images locally using the Canvas API.
-
Upload your image
Click upload or drag-and-drop your image onto the tool. The tool displays the original dimensions (e.g., 4000x3000 pixels) and file size.
-
Enter the target dimensions
Enter the new width or height. If 'Maintain aspect ratio' is enabled (default), the other dimension auto-calculates to prevent distortion. For example, changing width from 4000 to 800 auto-sets height from 3000 to 600.
-
Choose the resampling method (optional)
Some tools offer resampling options: bilinear (fast, lower quality) or bicubic (slower, higher quality). For downscaling, bicubic produces sharper results. The browser's drawImage() default is usually sufficient.
-
Download the resized image
Click Download to save the resized image. The tool shows the new dimensions and file size. Verify the result looks correct before using it.
Examples
Resize for web display
Input: photo.jpg (4000x3000, 4.5 MB)
Output: photo-web.jpg (800x600, 180 KB) — 96% size reduction
Resize for social media thumbnail
Input: image.png (2000x2000)
Output: thumb.png (300x300) — square thumbnail
Resize without aspect ratio (distortion)
Input: photo.jpg (4000x3000, maintain ratio: off)
Output: photo.jpg (800x800) — stretched/distorted
Common Problems
- Distortion from breaking aspect ratio —disabling 'maintain aspect ratio' stretches the image. Always keep it on unless you intentionally want distortion.
- Upscaling produces blurry images —enlarging an image beyond its original size creates blurry, pixelated results. Use AI upscaling for better quality.
- Resizing to wrong dimensions for the use case —check the target platform's requirements. For example, Open Graph images should be 1200x630, Twitter cards 1200x675.
- Resizing without compression —a 4000px image resized to 800px but saved at 100% JPEG quality is still large. Combine resize with compression.
Tips
- Resize images to the exact display dimensions —serving a 4000px image for an 800px display wastes bandwidth and slows page load.
- Use common web dimensions: 1920x1080 (hero), 1200x630 (social), 800x600 (content), 300x300 (thumbnail).
- Always maintain aspect ratio to avoid distortion —the exception is when you intentionally crop to a specific ratio.
- Use our Image Resizer for instant, private processing —your images never leave your browser.