วิธีปรับขนาดรูปภาพทีละขั้นตอน
ตอบด่วน
วิธี resize รูป: เปิด Image Resizer, อัปโหลดรูป, ใส่กว้างหรือยาวเป้าหมาย (มิติอื่นคำนวณอัตโนมัติเพื่อรักษา aspect ratio) แล้วดาวน์โหลด การประมวลผลเกิดในเครื่องผ่าน Canvas API
การแนะนำ
การ resize รูปเปลี่ยนขนาด (กว้างและยาวเป็น pixel) จำเป็นสำหรับรูปเว็บ (ขนาดเฉพาะสำหรับ layout และ performance), โพสต์ social media (ขนาดตามแพลตฟอร์ม) และ thumbnail resize ต่างจากบีบอัด —resize เปลี่ยนขนาด บีบอัดลดขนาดไฟล์
ทีละขั้นตอน
-
เปิดเครื่องมือปรับขนาดรูปภาพ
ไปที่หน้าเครื่องมือปรับขนาดรูปภาพ เครื่องมือนี้รองรับ JPEG, PNG, WebP และ BMP และประมวลผลรูปภาพในเครื่องโดยใช้ Canvas API
-
อัปโหลดภาพของคุณ
คลิกอัปโหลดหรือลากและวางรูปภาพของคุณลงในเครื่องมือ เครื่องมือนี้จะแสดงขนาดดั้งเดิม (เช่น 4000x3000 พิกเซล) และขนาดไฟล์
-
ป้อนมิติเป้าหมาย
ป้อนความกว้างหรือความสูงใหม่ หากเปิดใช้งาน "รักษาอัตราส่วนภาพ" (ค่าเริ่มต้น) มิติข้อมูลอื่นจะคำนวณอัตโนมัติเพื่อป้องกันการบิดเบือน ตัวอย่างเช่น การเปลี่ยนความกว้างจาก 4000 เป็น 800 จะตั้งค่าความสูงอัตโนมัติจาก 3000 เป็น 600
-
เลือกวิธีการสุ่มตัวอย่างใหม่ (ไม่บังคับ)
เครื่องมือบางอย่างเสนอตัวเลือกการสุ่มตัวอย่างใหม่: ไบลิเนียร์ (เร็ว คุณภาพต่ำกว่า) หรือไบคิวบิก (ช้ากว่า คุณภาพสูงกว่า) สำหรับการลดขนาดลง bicubic จะให้ผลลัพธ์ที่คมชัดยิ่งขึ้น โดยทั่วไปค่าเริ่มต้นของ DrawImage() ของเบราว์เซอร์ก็เพียงพอแล้ว
-
ดาวน์โหลดภาพที่ปรับขนาดแล้ว
คลิกดาวน์โหลดเพื่อบันทึกภาพที่ปรับขนาดแล้ว เครื่องมือนี้จะแสดงขนาดและขนาดไฟล์ใหม่ ตรวจสอบผลลัพธ์ว่าถูกต้องก่อนใช้งาน
ตัวอย่าง
ปรับขนาดสำหรับการแสดงผลเว็บ
ป้อนข้อมูล: รูปภาพ.jpg (4000x3000, 4.5 MB)
เอาท์พุต: photo-web.jpg (800x600, 180 KB) — ลดขนาดลง 96%
ปรับขนาดสำหรับภาพขนาดย่อของโซเชียลมีเดีย
ป้อนข้อมูล: image.png (2000x2000)
เอาท์พุต: thumb.png (300x300) — ภาพขนาดย่อสี่เหลี่ยมจัตุรัส
ปรับขนาดโดยไม่มีอัตราส่วนภาพ (บิดเบี้ยว)
ป้อนข้อมูล: photo.jpg (4000x3000 รักษาอัตราส่วน: ปิด)
เอาท์พุต: photo.jpg (800x800) — ยืด/บิดเบี้ยว
ปัญหาทั่วไป
- การบิดเบือนจากการแบ่งอัตราส่วนภาพ —การปิดใช้งาน 'การรักษาอัตราส่วนภาพ' จะขยายภาพ เปิดไว้เสมอ เว้นแต่คุณต้องการให้เกิดการบิดเบือนโดยเจตนา
- การลดขนาดจะทำให้ภาพเบลอ — การขยายภาพที่เกินขนาดดั้งเดิมจะทำให้ได้ผลลัพธ์ที่เบลอและเป็นพิกเซล ใช้ AI การลดขนาดเพื่อคุณภาพที่ดีขึ้น
- การปรับขนาดเป็นขนาดที่ไม่ถูกต้องสำหรับกรณีการใช้งาน —ตรวจสอบข้อกำหนดของแพลตฟอร์มเป้าหมาย ตัวอย่างเช่น รูปภาพ Open Graph ควรมีขนาด 1200x630 การ์ด Twitter ขนาด 1200x675
- การปรับขนาดโดยไม่บีบอัด — รูปภาพ 4000px ปรับขนาดเป็น 800px แต่บันทึกที่ 100% JPEG คุณภาพยังคงมีขนาดใหญ่ รวมการปรับขนาดด้วยการบีบอัด
เคล็ดลับ
- ปรับขนาดรูปภาพให้เป็นขนาดการแสดงผลที่แน่นอน — การแสดงรูปภาพขนาด 4000px สำหรับการแสดงผลขนาด 800px จะทำให้แบนด์วิธสิ้นเปลืองและทำให้การโหลดหน้าเว็บช้าลง
- ใช้ขนาดเว็บทั่วไป: 1920x1080 (ฮีโร่), 1200x630 (โซเชียล), 800x600 (เนื้อหา), 300x300 (ภาพขนาดย่อ)
- รักษาอัตราส่วนภาพไว้เสมอเพื่อหลีกเลี่ยงการบิดเบือน ข้อยกเว้นคือเมื่อคุณตั้งใจครอบตัดให้ได้อัตราส่วนเฉพาะ
- ใช้ Image Resizer ของเราเพื่อการประมวลผลแบบส่วนตัวทันที รูปภาพของคุณจะไม่มีวันหลุดออกจากเบราว์เซอร์