logo
GeekFormat

ครอปตัดรูปภาพ

อัปโหลดรูปภาพเพื่อเริ่มครอบตัด

โปรแกรมตัดรูปภาพออนไลน์ รองรับวิธีการตัด 3 แบบ: ลากวางอิสระ อัตราส่วนคงที่ และป้อนค่าพิกเซลอย่างแม่นยำ มีเส้นช่วยจัดองค์ประกอบสามส่วนในตัว ดูตัวอย่างมาสก์มืดแบบเรียลไทม์ ส่งออกสองรูปแบบ PNG/JPG พร้อมตัวเลือกคุณภาพ JPG ประมวลผลบนเบราว์เซอร์ทั้งหมด เหมาะสำหรับทำรูปโปรไฟล์ รูปบัตรประชาชน รูปประกอบโซเชียลมีเดีย และตัดรูปสินค้าอีคอมเมิร์ซ

คำแนะนำที่เกี่ยวข้อง

กรณีการใช้งาน

  • ทำรูปโปรไฟล์โซเชียลมีเดีย: ตัดเป็นอัตราส่วนสี่เหลี่ยมจัตุรัส 1:1 วางใบหน้าที่จุดตัดเส้นสามส่วน
  • ตัดรูปบัตรประชาชนอย่างแม่นยำ: ป้อนค่าพิกเซลมาตรฐานเช่น 1 นิ้ว (295×413) 2 นิ้ว (413×579) เพื่อตัดอย่างแม่นยำ
  • ประมวลผลรูปหลักสินค้าอีคอมเมิร์ซ: รูปสินค้า Taobao/JD/Amazon ตัดพื้นที่สินค้าหลักตามอัตราส่วนที่แพลตฟอร์มกำหนด
  • ภาพปกวิดีโอแนวนอน: ตัดอัตราส่วน 16:9 เน้นสินค้าหลักของวิดีโอใช้สำหรับภาพปก YouTube/Bilibili/Video号
  • ทำวิดีโอสั้นแนวตั้ง: ตัดอัตราส่วนแนวตั้งโทรศัพท์ 9:16 ให้สอดคล้องกับความต้องการเผยแพร่ Douyin/Kuaishou/Xiaohongshu
  • รูปประกอบ PPT/งานนำเสนอ: ตัดอัตราส่วน 16:9 หรือ 4:3 หลีกเลี่ยงรูปภาพถูกดึงเบี้ยว
  • ตัดส่วนสำคัญจากภาพหน้าจอ: ในภาพหน้าจอยาวเก็บเฉพาะข้อความสนทนาหรือพื้นที่สำคัญที่ต้องการ ตัดส่วนเกินทิ้ง
  • ลบลายน้ำ/ขอบรูปภาพ: ตัดลายน้ำ โลโก้ หรือพื้นที่ขอบที่ไม่ต้องการที่ขอบรูปทิ้ง
  • จัดองค์ประกอบรูปถ่ายใหม่: หลังถ่ายตัดเพื่อจัดองค์ประกอบใหม่ ย้ายวัตถุหลักไปที่จุดทอง
  • รูปประกอบ Moments/Instagram: ตัดตามอัตราส่วนแสดงผลของแพลตฟอร์ม หลีกเลี่ยงการถูกตัดอัตโนมัติไปที่เนื้อหาสำคัญ
  • ภาพหน้าจออารมณ์หนังจอกว้าง: ตัดอัตราส่วนกว้างพิเศษ 21:9 สร้างเอฟเฟกต์ภาพจอกว้างภาพยนตร์
  • เตรียมรูปประกอบเว็บไซต์: ตัดเป็นอัตราส่วนที่เหมาะสมจากนั้นใช้ร่วมกับโปรแกรมบีบอัดรูปภาพเพื่อเพิ่มประสิทธิภาพความเร็วในการโหลดหน้าเว็บ

คุณสมบัติ

  • ตัดแบบลากวางอิสระ: ลากกรอบครอปด้วยเมาส์เพื่อย้ายตำแหน่ง ลากมุมเพื่อปรับขนาด สัมผัสประสบการณ์การใช้งานแบบเห็นคือได้
  • อัตราส่วนสำเร็จ 8 แบบ: มีอัตราส่วนยอดนิยม 8 แบบในตัว: อิสระ สี่เหลี่ยมจัตุรัส 1:1 4:3 3:2 แนวนอน 16:9 2:3 แนวตั้ง 9:16 จอภาพยนตร์กว้าง 21:9
  • ควบคุมพิกเซลอย่างแม่นยำ: รองรับการป้อนพิกัด X/Y และค่าพิกเซลความกว้าง/ความสูงเพื่อตัดอย่างแม่นยำ เหมาะสำหรับสถานการณ์ที่ต้องการขนาดเข้มงวด
  • เส้นช่วยสามส่วน: แสดงเส้นสามส่วนตาราง 9 ช่องในกรอบครอป ช่วยจัดองค์ประกอบจุดทอง เพิ่มความสวยงามให้รูปภาพ
  • มาสก์มืดเรียลไทม์: แสดงมาสก์ดำโปร่งใสนอกพื้นที่ครอปแบบเรียลไทม์ เห็นชัดเจนพื้นที่รูปที่เก็บไว้และส่วนที่ตัดทิ้ง
  • ส่งออกสองรูปแบบ: รองรับสองรูปแบบส่งออก PNG ไม่สูญเสียคุณภาพและ JPG สูญเสียคุณภาพ เลือกรูปแบบที่เหมาะสมตามสถานการณ์
  • คุณภาพ JPG ปรับได้: เมื่อเลือกส่งออก JPG สามารถปรับคุณภาพการบีบอัด 10-100% สมดุลระหว่างขนาดไฟล์และคุณภาพรูปภาพ
  • ปรับขนาดอิสระสี่มุม: มีที่จับลากทั้งสี่มุม รองรับการปรับขนาดกรอบครอปจากทุกทิศทาง
  • ล็อกอัตราส่วนขณะปรับ: หลังเลือกอัตราส่วนคงที่ ลากปรับขนาดจะรักษาอัตราส่วนโดยอัตโนมัติ ไม่เปลี่ยนรูป
  • แสดงขนาดต้นฉบับ: แสดงขนาดรูปต้นฉบับและขนาดพื้นที่ครอปปัจจุบันแบบเรียลไทม์ สะดวกสำหรับเปรียบเทียบ
  • ประมวลผลในเครื่องทั้งหมด: การดำเนินการตัดทั้งหมดทำบนเบราว์เซอร์ในเครื่อง รูปภาพไม่อัปโหลดไปยังเซิร์ฟเวอร์ ปลอดภัยและเป็นส่วนตัว
  • รองรับรูปแบบยอดนิยม: สามารถเปิดรูปแบบรูปภาพทั้งหมดที่เบราว์เซอร์รองรับ เช่น PNG JPG WebP GIF
  • ทดลองใช้กับรูปตัวอย่าง: มีปุ่มรูปตัวอย่าง ไม่ต้องอัปโหลดก็สามารถทดลองใช้ฟีเจอร์ตัดได้ทันที
  • ดีไซน์ตอบสนอง: ใช้งานได้บนคอมพิวเตอร์ แท็บเล็ต โทรศัพท์มือถือ รุ่นมือถือเข้ากับการสัมผัสลาก

วิธีการใช้งาน

  1. คลิกพื้นที่อัปโหลดเพื่อเลือกไฟล์รูปภาพ หรือคลิกปุ่ม「โหลดตัวอย่าง」เพื่อทดลองใช้ฟีเจอร์ก่อน
  2. เลือกอัตราส่วนตัดตามความต้องการ (อิสระ/1:1/16:9/9:16 ฯลฯ) โหมดอิสระสามารถปรับได้ตามต้องการ
  3. ลากกรอบครอปย้ายตำแหน่ง ลากที่จับสี่มุมเพื่อปรับขนาด สามารถป้อนค่าพิกเซลเพื่อควบคุมอย่างแม่นยำ
  4. เลือกรูปแบบส่งออก (PNG/JPG) JPG สามารถปรับคุณภาพ คลิก「ครอปและดาวน์โหลด」เพื่อบันทึกผลลัพธ์

คำถามที่พบบ่อย

วิธีตัดพื้นที่ที่ต้องการของรูปภาพออนไลน์อย่างไร?

หลังอัปโหลดรูปภาพ ลากขอบสีขาวของกรอบครอปด้วยเมาส์เพื่อย้ายตำแหน่งตัด ลากสี่เหลี่ยมสีขาวที่สี่มุมเพื่อปรับขนาดพื้นที่ตัด พื้นที่ดำโปร่งใสนอกกรอบครอปคือส่วนที่จะถูกตัดทิ้ง ส่วนในกรอบคือพื้นที่ที่เก็บไว้ หลังปรับเสร็จ คลิกปุ่ม「ครอปและดาวน์โหลด」ได้เลย

สามารถตัดตามอัตราส่วนคงที่เช่น 1:1 16:9 ได้ไหม?

ได้ โปรแกรมนี้มีอัตราส่วนสำเร็จยอดนิยม 8 แบบ: ตัดอิสระ สี่เหลี่ยมจัตุรัส 1:1 (มักใช้สำหรับรูปโปรไฟล์) 4:3 (กล้อง/จอภาพแบบดั้งเดิม) 3:2 (กล้อง DSLR) 16:9 (วิดีโอแนวนอน/PPT/YouTube) 2:3 (รูปแนวตั้ง) 9:16 (แนวตั้งโทรศัพท์/Douyin/Xiaohongshu) 21:9 (จอภาพยนตร์กว้าง) หลังคลิกปุ่มอัตราส่วนที่เกี่ยวข้องแล้วลากกรอบครอปจะล็อกอัตราส่วนโดยอัตโนมัติ

การครอปตัดรูปภาพและการปรับขนาด (resize) แตกต่างกันอย่างไร?

ฟังก์ชันทั้งสองแตกต่างกันอย่างสิ้นเชิง: ครอป (Crop) คือการนำส่วนหนึ่งของรูปภาพมา ตัดส่วนขอบทิ้ง เปลี่ยนองค์ประกอบและขอบเขตเนื้อหารูปภาพ แต่ไม่ปรับขนาดพิกเซลของพื้นที่ที่เก็บไว้; ปรับขนาด (Resize) คือการย่อหรือขยายรูปภาพทั้งหมดตามสัดส่วน เก็บเนื้อหาทั้งหมดแต่เปลี่ยนขนาดพิกเซลทั้งหมด หากต้องการย่อรูปขนาดใหญ่แต่เก็บเนื้อหาสมบูรณ์ กรุณาใช้โปรแกรมปรับขนาด

เหมาะสำหรับตัดรูปโปรไฟล์และรูปบัตรประชาชนไหม?

เหมาะมาก แนะนำให้รูปโปรไฟล์ใช้อัตราส่วนสี่เหลี่ยมจัตุรัส 1:1 ขณะตัดวางใบหน้าบุคคลที่ตำแหน่งกลางค่อนข้างบนของรูปภาพ ใช้เส้นสามส่วนช่วยจัดตำแหน่งตาให้ตรงจะได้ผลดีขึ้น รูปบัตรประชาชนสามารถตรวจสอบความต้องการขนาดพิกเซลของบัตรที่เกี่ยวข้องล่วงหน้า (เช่น 1 นิ้ว 295×413 2 นิ้ว 413×579) ป้อนค่าความกว้าง/ความสูงที่เกี่ยวข้องโดยตรงในช่องป้อนพิกเซลเพื่อตัดอย่างแม่นยำ

รูปภาพหลังตัดจะถูกอัปโหลดไปยังเซิร์ฟเวอร์ไหม? ปลอดภัยเรื่องความเป็นส่วนตัวไหม?

ไม่อัปโหลดเลย การโหลดรูปภาพ ดูตัวอย่างตัด ส่งออกดาวน์โหลดทั้งหมดทำบนเบราว์เซอร์ของคุณในเครื่องผ่าน Canvas API ข้อมูลรูปภาพจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ใดๆ ผ่านเครือข่าย หลังปิดหน้า ข้อมูลรูปภาพในหน่วยความจำเบราว์เซอร์จะถูกลบทันที เหมาะสำหรับประมวลผลรูปภาพที่ละเอียดอ่อนเรื่องความเป็นส่วนตัว เช่น บัตรประชาชน ภาพหน้าจอสัญญา

หลังตัดส่งออกรูปแบบอะไร? สามารถเลือก JPG ได้ไหม?

รองรับสองรูปแบบส่งออก PNG และ JPG ค่าเริ่มต้นส่งออกรูปแบบ PNG ไม่สูญเสียคุณภาพ เหมาะสำหรับสถานการณ์ที่ต้องการพื้นหลังโปร่งใส ภาพหน้าจอ รูปข้อความ ไอคอน; เลือกรูปแบบ JPG สามารถปรับคุณภาพการบีบอัด (10-100%) เหมาะสำหรับรูปถ่ายเพื่อลดขนาดไฟล์ แนะนำตั้งคุณภาพ JPG ระหว่าง 80-92% ขนาดไฟล์ลดลงอย่างเห็นได้ชัดแต่ตาเปล่าแทบไม่เห็นความแตกต่างคุณภาพรูปภาพ

เส้นช่วยจัดองค์ประกอบสามส่วนคืออะไร? ใช้งานอย่างไร?

กฎสามส่วน (Rule of Thirds) เป็นกฎจัดองค์ประกอบที่คลาสสิกที่สุดในการถ่ายภาพ: แบ่งรูปภาพเป็น 9 ช่องด้วยเส้นแนวนอน 2 เส้นและเส้นแนวตั้ง 2 เส้น วางวัตถุหลักที่ตำแหน่งจุดตัดของเส้น (จุดทอง) รูปภาพจะสมดุลและสวยงามมากขึ้น เส้นสีขาวโปร่งใสในกรอบครอปคือเส้นสามส่วน ขณะจัดองค์ประกอบเพียงจัดองค์ประกอบสำคัญ เช่น ตาบุคคล เส้นขอบฟ้า ขอบอาคารให้ตรงกับเส้นหรือจุดตัดก็พอ

อัตราส่วน 9:16 และ 16:9 ใช้ในสถานการณ์อะไรบ้าง?

16:9 คืออัตราส่วนแนวนอนกว้าง เป็นอัตราส่วนมาตรฐานของจอคอมพิวเตอร์ ทีวี วิดีโอแนวนอน YouTube/Bilibili งานนำเสนอ PPT; 9:16 คืออัตราส่วนแนวตั้ง เป็นอัตราส่วนมาตรฐานของการถ่ายรูปแนวตั้งโทรศัพท์ วิดีโอสั้น Douyin/Kuaishou/Xiaohongshu/Video号 Instagram Stories และเนื้อหาเต็มจอโทรศัพท์ ก่อนตัดกรุณายืนยันอัตราส่วนที่แพลตฟอร์มเผยแพร่ต้องการก่อน

การตัดรูปภาพจะทำให้คุณภาพรูปภาพลดลงไหม?

การส่งออก PNG ไม่สูญเสียคุณภาพอย่างสมบูรณ์ พิกเซลพื้นที่ที่เก็บไว้หลังตัดจะตรงกับรูปต้นฉบับทุกประการ ไม่ทำให้สูญเสียคุณภาพ; การส่งออก JPG คือการบีบอัดใหม่ จะมีการสูญเสียคุณภาพเล็กน้อย แต่เมื่อตั้งคุณภาพมากกว่า 85% ตาเปล่าจะแยกแยะได้ยาก เมื่อเทียบกับรูปต้นฉบับ การครอป本质คือ「การนำมา」ไม่ใช่「การบีบอัด」 ตราบใดที่ไม่เลือกคุณภาพ JPG ต่ำเกินไป การตัดเองจะไม่ทำให้คุณภาพรูปภาพลดลงอย่างเห็นได้ชัด

วิธีตัดให้เป็นขนาดพิกเซลที่กำหนดอย่างแม่นยำ?

ป้อนค่าพิกเซลเป้าหมายของ W (ความกว้าง) และ H (ความสูง) โดยตรงในช่องป้อน「พิกเซลพื้นที่ตัด」บนแผงควบคุมด้านซ้ายเพื่อควบคุมขนาดส่งออกอย่างแม่นยำ ค่า X และ Y ควบคุมตำแหน่งพิกัดเริ่มต้นที่มุมบนซ้ายของกรอบครอป หากเลือกอัตราส่วนคงที่แล้ว หลังป้อนความกว้าง ความสูงจะถูกคำนวณตามสัดส่วนโดยอัตโนมัติ และในทางกลับกันก็เช่นกัน

สามารถตัดรูปภาพเคลื่อนไหว WebP GIF ได้ไหม?

สามารถเปิดรูปแบบรูปภาพ WebP และ GIF ได้ แต่โปรดทราบ: หลังตัดรูปภาพเคลื่อนไหว GIF จะเก็บเฉพาะเฟรมแรกเพื่อส่งออกเป็น PNG/JPG แบบคงที่ ไม่รองรับการเก็บเอฟเฟกต์ภาพเคลื่อนไหว หากต้องการประมวลผลการตัดรูปภาพเคลื่อนไหว GIF กรุณาใช้โปรแกรมแก้ไข GIF เฉพาะทาง รูปภาพรูปแบบ WebP สามารถตัดตามปกติและส่งออกเป็น PNG หรือ JPG ได้

ทำไมเมื่อฉันลากวางกรอบครอป อัตราส่วนถึงเปลี่ยน?

นั่นเป็นเพราะคุณกำลังเลือกโหมดอัตราส่วน「อิสระ」อยู่ ในโหมดอิสระสามารถปรับอัตราส่วนของกรอบครอปได้ตามต้องการ หากต้องการรักษาอัตราส่วนคงที่ (เช่น สี่เหลี่ยมจัตุรัส 1:1 ไม่ถูกดึงเป็นสี่เหลี่ยมผืนผ้า) กรุณาคลิกปุ่มอัตราส่วนที่เกี่ยวข้อง (เช่น 1:1 16:9) ก่อนเพื่อล็อกอัตราส่วน จากนั้นจึงปรับขนาด

ไฟล์รูปภาพหลังตัดถูกบันทึกที่ไหน?

หลังคลิกปุ่ม「ครอปและดาวน์โหลด」 เบราว์เซอร์จะดาวน์โหลดรูปภาพที่ตัดแล้วไปยังโฟลเดอร์ดาวน์โหลดเริ่มต้นบนคอมพิวเตอร์ของคุณโดยอัตโนมัติ ชื่อไฟล์คือ cropped_ชื่อไฟล์ต้นฉบับ.png (หรือ .jpg) โปรแกรมนี้จะไม่บันทึกไฟล์ใดๆ บนเซิร์ฟเวอร์ ข้อมูลชั่วคราวทั้งหมดจะถูกลบหลังปิดเบราว์เซอร์

สามารถใช้งานบนโทรศัพท์มือถือได้ไหม? การสัมผัสสะดวกไหม?

ได้ โปรแกรมนี้ใช้ดีไซน์ตอบสนอง บนเบราว์เซอร์โทรศัพท์ก็สามารถใช้งานได้ตามปกติ แผงควบคุมด้านซ้ายในรุ่นมือถือจะยุบเป็นปุ่มด้านบน คลิกเพื่อขยาย; กรอบครอปรองรับการลากเลื่อนและปรับขนาดด้วยนิ้วสัมผัส แนะนำให้ใช้งานในโหมดแนวนอนเพื่อให้ได้พื้นที่ดูตัวอย่างที่ใหญ่ขึ้น

รูปภาพหลังตัดสามารถแก้ไขต่อได้ไหม?

ได้ หลังดาวน์โหลดรูปที่ตัดแล้ว สามารถอัปโหลดกลับไปยังโปรแกรมนี้เพื่อตัดครั้งที่สอง หรือใช้โปรแกรมรูปภาพอื่นๆ ของเรา: ปรับขนาด (resize) บีบอัด (compress) แปลงรูปแบบ (convert) หมุนพลิก (rotate-flip) ทำมุมมน (round-corner) ฟิลเตอร์ (filters) เพื่อประมวลผลต่อ

หลักการครอปตัดรูปภาพและเทคนิคจัดองค์ประกอบ

การครอปตัดรูปภาพเป็นหนึ่งในการดำเนินการพื้นฐานและพบบ่อยที่สุดในการประมวลผลรูปภาพดิจิทัล สาระสำคัญคือการดึงข้อมูลพิกเซลของพื้นที่สี่เหลี่ยมผืนผ้าจากเมทริกซ์พิกเซลของรูปต้นฉบับ ทิ้งพิกเซลนอกพื้นที่ ซึ่งแตกต่างจากการปรับขนาดรูปภาพ (Resizing) การตัดจะไม่เปลี่ยนความหนาแน่นพิกเซลและคุณภาพรูปภาพของพื้นที่ที่เก็บไว้ เพียงกำหนดขอบเขตของรูปภาพใหม่ คุณลักษณะนี้ทำให้การตัดเป็นวิธีหลักในการจัดองค์ประกอบรูปถ่ายใหม่——หลายครั้งองค์ประกอบการถ่ายตอนแรกไม่สมบูรณ์ ผ่านการตัดหลังการถ่ายสามารถเพิ่มประสิทธิภาพการแสดงออกของรูปภาพได้อย่างมาก

ทำไมต้องตัดอัตราส่วนคงที่? แพลตฟอร์มเผยแพร่และสถานการณ์การใช้งานที่แตกต่างกันมีความต้องการเข้มงวดเกี่ยวกับอัตราส่วนรูปภาพ: รูปโปรไฟล์ WeChat/QQ/Weibo ต้องเป็นสี่เหลี่ยมจัตุรัส 1:1 วิดีโอแนวตั้ง Douyin/Xiaohongshu คือ 9:16 วิดีโอแนวนอน YouTube/Bilibili และ PPT คือ 16:9 รูปถ่ายพิมพ์แบบดั้งเดิมคือ 3:2 ภาพยนตร์คือ 21:9 หากอัตราส่วนไม่ถูกต้อง แพลตฟอร์มจะตัดกลางโดยอัตโนมัติหรือดึงให้เบี้ยว ทำให้เนื้อหาสำคัญถูกตัดทิ้งหรือรูปภาพเปลี่ยนรูป การใช้การตัดอัตราส่วนคงที่สามารถปรับให้สอดคล้องกับความต้องการแสดงผลของแพลตฟอร์มเป้าหมายล่วงหน้า

กฎจัดองค์ประกอบสามส่วนเป็นหลักการจัดองค์ประกอบที่คลาสสิกที่สุดในการถ่ายภาพและการออกแบบภาพ ตั้งแต่ยุคเรอเนซองส์ก็ถูกจิตรกรใช้อย่างแพร่หลาย หลักการคือแบ่งรูปภาพออกเป็นสามส่วนเท่าๆ กันตามแนวนอนและแนวตั้ง สร้างตาราง 9 ช่อง จุดตัด 4 จุดของเส้นแบ่ง 4 เส้นเรียกว่า「จุดทอง」 ตามนุษย์จะถูกดึงดูดไปยังตำแหน่งเหล่านี้โดยธรรมชาติ การวางวัตถุหลักของรูปภาพ (เช่น ตาบุคคล เส้นขอบฟ้า อาคารหลัก) ที่ตำแหน่งเหล่านี้หรือบนเส้นเหล่านี้จะให้ความรู้สึกเคลื่อนไหวและสมดุลของภาพมากกว่าการจัดองค์ประกอบตรงกลางอย่างง่าย เส้นช่วยสามส่วนที่มีในตัวในโปรแกรมนี้ช่วยให้คุณนำกฎนี้ไปใช้ขณะตัด

การเลือกรูปแบบส่งออก PNG และ JPG: PNG เป็นรูปแบบการบีบอัดไม่สูญเสียคุณภาพ รองรับพื้นหลังโปร่งใส เหมาะสำหรับไอคอน ภาพหน้าจอ รูปข้อความ เนื้อหาที่ต้องแก้ไขต่อ แต่ขนาดไฟล์ใหญ่กว่า; JPG เป็นรูปแบบการบีบอัดสูญเสียคุณภาพ ไม่รองรับความโปร่งใส แต่สามารถควบคุมอัตราการบีบอัดได้อย่างยืดหยุ่นผ่านพารามิเตอร์คุณภาพ ที่คุณภาพ 80-90% ตาเปล่าแทบไม่เห็นความแตกต่างแต่ขนาดสามารถลดลง 60-80% เหมาะสำหรับรูปประเภทถ่ายภาพ หากรูปภาพหลังตัดใช้สำหรับแสดงผลเว็บไซต์ แนะนำให้เลือก JPG คุณภาพ 85% เพื่อสมดุลคุณภาพรูปภาพและความเร็วในการโหลด; หากเป็นภาพหน้าจอ โลโก้ ต้องการพื้นหลังโปร่งใสจำเป็นต้องใช้ PNG

ความสำคัญของการประมวลผลบนเบราว์เซอร์ในเครื่อง: โปรแกรมตัดรูปภาพออนไลน์จำนวนมากต้องอัปโหลดรูปภาพไปยังเซิร์ฟเวอร์ระยะไกลเพื่อประมวลผล สิ่งนี้ไม่เพียงแต่ช้า (ขึ้นอยู่กับแบนด์วิดธ์เครือข่าย) แต่ยังมีความเสี่ยงการรั่วไหลของความเป็นส่วนตัวอีกด้วย——รูปบัตรประชาชน ภาพหน้าจอสัญญา รูปภาพส่วนตัวและรูปภาพที่ละเอียดอ่อนอื่นๆ หลังอัปโหลดอาจถูกแคชหรือนำไปใช้ในทางที่ผิด โปรแกรมนี้พัฒนาบนพื้นฐาน HTML5 Canvas API การดำเนินการพิกเซลทั้งหมดเสร็จสิ้นในหน่วยความจำเบราว์เซอร์ของคุณ ข้อมูลรูปภาพไม่เคยออกจากอุปกรณ์ของคุณ ความเร็วในการประมวลผลขึ้นอยู่กับประสิทธิภาพคอมพิวเตอร์ของคุณเท่านั้น แม้จะขาดการเชื่อมต่อเครือข่ายก็สามารถใช้งานได้

สถานการณ์การใช้งานของการตัดพิกเซลอย่างแม่นยำ: ส่วนใหญ่เวลาลากวางตัดก็สะดวกเพียงพอแล้ว แต่ในบางสถานการณ์มืออาชีพจำเป็นต้องตัดที่แม่นยำถึงระดับพิกเซล: รูปบัตรประชาชนมีความต้องการขนาดพิกเซลที่เข้มงวด (เช่น รูปหนังสือเดินทาง รูปสมัครสอบ) รูปหลักแพลตฟอร์มอีคอมเมิร์ซมีข้อกำหนดขนาดมาตรฐาน (เช่น รูปหลัก Taobao 800×800) การตัดชิ้นงานออกแบบ UI ต้องการขนาดที่แม่นยำ แบนเนอร์ขนาดคงที่บนเว็บไซต์ต้องการการจับคู่พิกเซลอย่างเข้มงวด ในตอนนั้นการป้อนค่าโดยตรงในช่องป้อน X/Y/W/H เป็นวิธีที่มีประสิทธิภาพและถูกต้องที่สุด

เกี่ยวกับการสูญเสียคุณภาพ: หลายคนกังวลว่าการตัดจะทำให้คุณภาพรูปภาพลดลง ที่จริงการตัดรูปแบบ PNG ไม่สูญเสียคุณภาพ——แต่ละพิกเซลของพื้นที่ที่เก็บไว้ตรงกับรูปต้นฉบับทุกประการ ไม่มีการบีบอัดหรือสุ่มตัวอย่างใหม่ใดๆ เมื่อตัดรูปแบบ JPG จะทำการบีบอัดใหม่หนึ่งครั้ง แต่ตราบใดที่พารามิเตอร์คุณภาพตั้งค่ามากกว่า 85% การสูญเสียนี้ในระยะการมองปกติตาเปล่าจะไม่สามารถรับรู้ได้ ในทางกลับกัน หากคุณย่อรูปขนาดใหญ่แล้วขยายขึ้นมาใหม่ ถึงจะทำให้เกิดความเบลอของคุณภาพที่ไม่สามารถกู้คืนได้ การตัดอย่างเดียวจะไม่

术语表

อัตราส่วนภาพ (Aspect Ratio)
ความสัมพันธ์ของอัตราส่วนระหว่างความกว้างและความสูงของรูปภาพ มักแสดงเป็น W:H (ความกว้าง:ความสูง) อัตราส่วนที่พบบ่อยมี 1:1 (สี่เหลี่ยมจัตุรัส) 16:9 (แนวนอน) 9:16 (แนวตั้ง) 4:3 (จอภาพแบบดั้งเดิม) 3:2 (กล้อง DSLR) 21:9 (จอภาพยนตร์กว้าง)
กฎสามส่วน (Rule of Thirds)
กฎพื้นฐานของการจัดองค์ประกอบภาพ แบ่งรูปภาพเป็นเก้าส่วนเท่าๆ กันด้วยเส้นแนวนอนสองเส้นและเส้นแนวตั้งสองเส้น วางวัตถุหลักที่เส้นแบ่งหรือตำแหน่งจุดตัด ทำให้รูปภาพมีความสมดุลมากขึ้น น่าสนใจต่อสายตามากขึ้น
พิกเซล (Pixel)
หน่วยที่เล็กที่สุดของรูปภาพ คือจุดเล็กๆ ที่มีสี ขนาดพิกเซลของรูปภาพ = จำนวนพิกเซลตามแนวกว้าง × จำนวนพิกเซลตามแนวสูง เช่น 1920×1080 หมายถึงกว้าง 1920 พิกเซล สูง 1080 พิกเซล
รูปแบบ PNG
รูปแบบกราฟิกเครือข่ายแบบพกพา บีบอัดไม่สูญเสียคุณภาพ รองรับช่องสัญญาณโปร่งใส Alpha เหมาะสำหรับสถานการณ์ที่ต้องการขอบคมชัดหรือพื้นหลังโปร่งใส เช่น ไอคอน ภาพหน้าจอ รูปข้อความ โลโก้
รูปแบบ JPG/JPEG
รูปแบบกลุ่มผู้เชี่ยวชาญภาพร่วม มีการบีบอัดสูญเสียคุณภาพ ไม่รองรับความโปร่งใส สมดุลคุณภาพรูปภาพและขนาดไฟล์ผ่านพารามิเตอร์คุณภาพ (0-100%) เหมาะสำหรับรูปถ่ายที่มีสีสันอุดมสมบูรณ์
Canvas API
API วาดภาพฝั่งเบราว์เซอร์ที่ HTML5 มอบให้ ผ่าน JavaScript สามารถวาดและประมวลผลพิกเซลรูปภาพแบบไดนามิกบนหน้าเว็บ เป็นเทคโนโลยีหลักในการทำให้การประมวลผลรูปภาพในเครื่องบริสุทธิ์เป็นจริง
การบีบอัดไม่สูญเสีย (Lossless)
วิธีการบีบอัดที่สามารถกู้คืนข้อมูลต้นฉบับได้อย่างสมบูรณ์หลังจากบีบอัด ไม่มีการสูญเสียข้อมูลใดๆ PNG, GIF เป็นการบีบอัดไม่สูญเสียคุณภาพ เหมาะสำหรับสถานการณ์ที่ต้องการพิกเซลที่แม่นยำ
การบีบอัดสูญเสีย (Lossy)
ลดขนาดไฟล์อย่างมากโดยการทิ้งข้อมูลที่ตามนุษย์ไม่ไวต่อการรับรู้ หลังจากบีบอัดไม่สามารถกู้คืนข้อมูลต้นฉบับได้อย่างสมบูรณ์ JPG เป็นการบีบอัดสูญเสียคุณภาพ ยิ่งคุณภาพต่ำการสูญเสียยิ่งชัดเจน
จุดทอง
ตำแหน่งจุดตัด 4 จุดของเส้นสามส่วน ประมาณที่ 1/3 และ 2/3 ของรูปภาพ เป็นตำแหน่งจุดโฟกัสที่ตามนุษย์สนใจตามธรรมชาติ การวางวัตถุหลักของรูปภาพที่ตำแหน่งเหล่านี้สวยงามกว่าการจัดองค์ประกอบตรงกลาง
ดูตัวอย่างมาสก์ (Mask Preview)
แสดงมาสก์ดำโปร่งใสนอกกรอบครอป แยกแยะพื้นที่ที่เก็บไว้ (สีต้นฉบับชัดเจน) และพื้นที่ที่ทิ้ง (มืดลง) ให้ผู้ใช้เห็นเอฟเฟกต์ขอบเขตรูปภาพสุดท้ายในระหว่างการตัด
DPI/PPI
จำนวนจุด/พิกเซลต่อนิ้ว เป็นหน่วยความละเอียดการพิมพ์ การแสดงผลหน้าจอดูที่ขนาดพิกเซลเท่านั้น ไม่เกี่ยวข้องกับ DPI; การตัดจะไม่เปลี่ยนการตั้งค่า DPI เพียงแค่เปลี่ยนจำนวนพิกเซล
ข้อมูล EXIF
เมตาดาต้าที่ฝังอยู่ในไฟล์รูปภาพ รวมถึงข้อมูลเช่น อุปกรณ์ถ่ายภาพ เวลา ตำแหน่ง GPS พารามิเตอร์กล้อง เมื่อ Canvas ส่งออกรูปภาพจะไม่เก็บข้อมูล EXIF ช่วยปกป้องความเป็นส่วนตัวของตำแหน่งถ่ายภาพ

ตารางอ้างอิงด่วนสถานการณ์ใช้งานอัตราส่วนตัด 8 แบบ

ต่อไปนี้เป็นสถานการณ์ใช้งานทั่วไปของอัตราส่วนภาพยอดนิยมต่างๆ:

อัตราส่วนชื่อทิศทางสถานการณ์ใช้งานทั่วไป
อิสระตัดอิสระใดก็ได้ไม่มีข้อจำกัดอัตราส่วน ปรับความกว้างความสูงได้ตามต้องการ เหมาะสำหรับสถานการณ์ที่ไม่ใช่มาตรฐานเช่น ตัดขอบ ตัดลายน้ำ
1:1สี่เหลี่ยมจัตุรัสจัตุรัสรูปโปรไฟล์ WeChat/QQ/Weibo โพสต์ Instagram รูปหลัก Taobao รูปสินค้า
4:3จอมาตรฐานแนวนอน/แนวตั้งจอภาพแบบดั้งเดิม หน้าจอ iPad ทีวีรุ่นเก่า รูปกล้องคอมแพค
3:2มาตรฐานกล้องแนวนอน/แนวตั้งอัตราส่วนเริ่มต้นกล้อง DSLR/มิเรอร์เลส พิมพ์รูป 6 นิ้ว งานถ่ายภาพ
16:9จอกว้างแนวนอนทีวี/จอภาพ HD วิดีโอ YouTube/Bilibili PPT ภาพปกแนวนอน
2:3รูปแนวตั้งแนวตั้งพิมพ์รูปแนวตั้ง รูปถ่ายแนวตั้งโทรศัพท์ โปสเตอร์แนวตั้ง
9:16แนวตั้งแนวตั้งวิดีโอสั้น Douyin/Kuaishou/Xiaohongshu/Video号 เต็มจอโทรศัพท์ Stories
21:9จอภาพยนตร์กว้างแนวนอนภาพหน้าจอภาพยนตร์ จอภาพกว้างพิเศษ อัตราส่วนโรงภาพยนตร์ รูปภาพพาโนรามา

ตารางเปรียบเทียบขนาดมาตรฐานรูปบัตรประชาชนที่ใช้บ่อย

เมื่อตัดรูปบัตรประชาชนสามารถป้อนค่าพิกเซลที่เกี่ยวข้องโดยตรง (มาตรฐานการพิมพ์ 300DPI):

ประเภทบัตรขนาดมิลลิเมตรขนาดพิกเซล (300DPI)อัตราส่วน
1 นิ้ว25×35295×413ประมาณ 5:7
1 นิ้วเล็ก22×32260×378ประมาณ 2:3
2 นิ้ว35×49413×579ประมาณ 3:4
2 นิ้วเล็ก35×45413×531ประมาณ 3:4
หนังสือเดินทาง/วีซ่า33×48390×567ประมาณ 2:3
บัตรประชาชน26×32358×441ประมาณ 4:5

คำแนะนำการเลือกพารามิเตอร์คุณภาพ JPG

เมื่อเลือกส่งออก JPG ความสัมพันธ์ระหว่างพารามิเตอร์คุณภาพกับคุณภาพรูปภาพ/ขนาด:

คุณภาพ JPGอัตราการบีบอัดทั่วไปประสิทธิภาพคุณภาพสถานการณ์ที่แนะนำ
90-100%บีบอัด 10-25%สูงมาก ตาเปล่าไม่สามารถแยกแยะความแตกต่างจากรูปต้นฉบับได้เลยการถ่ายภาพมืออาชีพ การพิมพ์เผยแพร่ การเก็บถาวรคุณภาพสูง
80-89%บีบอัด 50-70%สูง การใช้งานปกติแทบไม่เห็นความแตกต่างรูปประกอบเว็บ โซเชียลมีเดีย แชร์ประจำวัน (แนะนำ)
60-79%บีบอัด 70-85%ปานกลาง เมื่อมองใกล้อาจมีร่องรอยการบีบอัดเล็กน้อยรูปขนาดย่อ รูปโปรไฟล์ สถานการณ์ที่ไวต่อขนาดอย่างมาก
30-59%บีบอัด 85-95%ต่ำ มีอาร์ติแฟกต์การบีบอัดที่เห็นได้ชัดเจนไม่แนะนำ ใช้สำหรับดูตัวอย่างหรือสถานการณ์แบนด์วิดธ์ต่ำมากเท่านั้น

Privacy & Security

การดำเนินการทั้งหมดของโปรแกรมตัดรูปภาพนี้ทำบนเบราว์เซอร์ของคุณในเครื่องผ่าน HTML5 Canvas API ไฟล์รูปภาพที่คุณเลือกจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ระยะไกลใดๆ และจะไม่ถูกบันทึก แคช หรือใช้เพื่อวัตถุประสงค์อื่นใด การประมวลผลรูปภาพทั้งหมดทำในหน่วยความจำอุปกรณ์ของคุณ หลังจากปิดหรือรีเฟรชหน้า ข้อมูลชั่วคราวจะถูกลบโดยอัตโนมัติ เนื้อหาที่ละเอียดอ่อนเรื่องความเป็นส่วนตัว เช่น บัตรประชาชน ภาพหน้าจอสัญญา รูปภาพส่วนตัวสามารถประมวลผลได้อย่างมั่นใจ

Authoritative References

Troubleshooting

รูปภาพที่ดาวน์โหลดหลังตัดเบลอทำอย่างไร?

กรุณาตรวจสอบ: 1) หากเลือกรูปแบบ JPG ให้เลื่อนสไลเดอร์คุณภาพขึ้นไปมากกว่า 85%; 2) ตรวจสอบว่าขนาดพื้นที่ตัด W×H เล็กเกินไปหรือไม่ หากพิกเซลพื้นที่ตัดเองเล็กมาก (เช่น 100×100) การดูแบบขยายก็จะเบลอตามธรรมชาติ; 3) เปรียบเทียบกับรูปต้นฉบับเพื่อดู ตรวจสอบให้แน่ใจว่าคุณกำลังดูที่อัตราส่วนการซูม 100% การส่งออก PNG ไม่สูญเสียคุณภาพอย่างสมบูรณ์ หากต้องการคุณภาพรูปภาพสูงมากกรุณาเลือกรูปแบบ PNG

หลังเลือกอัตราส่วนคงที่ กรอบครอปไม่สามารถปรับเป็นขนาดที่ต้องการได้?

ในโหมดอัตราส่วนคงที่ อัตราส่วนภาพจะถูกล็อก เมื่อปรับความกว้าง ความสูงจะเปลี่ยนตามสัดส่วนโดยอัตโนมัติ และในทางกลับกันก็เช่นกัน นี่เป็นปรากฏการณ์ปกติ เพื่อให้แน่ใจว่าผลลัพธ์การตัดสอดคล้องกับอัตราส่วนที่เลือกอย่างเข้มงวด หากคุณต้องการปรับอัตราส่วนภาพได้ตามต้องการ กรุณาเปลี่ยนไปใช้โหมดอัตราส่วน「อิสระ」

หลังอัปโหลดรูปภาพแล้วไม่แสดง?

กรุณายืนยัน: 1) รูปแบบรูปภาพที่อัปโหลดเป็นรูปแบบรูปภาพมาตรฐาน (JPG/PNG/GIF/WebP) ไม่รองรับรูปแบบมืออาชีพเช่น PSD, RAW; 2) ไฟล์รูปภาพไม่เสียหาย สามารถเปิดได้ตามปกติในซอฟต์แวร์ดูรูประบบ; 3) ขนาดไฟล์ไม่ใหญ่เกินไป (แนะนำไม่เกิน 20MB); 4) รีเฟรชหน้าแล้วอัปโหลดใหม่มักจะแก้ไขได้

คลิกปุ่มดาวน์โหลดไม่มีการตอบสนอง?

กรุณาตรวจสอบ: 1) เบราว์เซอร์อนุญาตให้ดาวน์โหลดป๊อปอัปหรือไม่ การตั้งค่าความเป็นส่วนตัวบางอย่างอาจบล็อกการดาวน์โหลดอัตโนมัติ; 2) ใช้เบราว์เซอร์สมัยใหม่หรือไม่ (Chrome Firefox Safari Edge); 3) ล้างแคชเบราว์เซอร์ รีเฟรชหน้าแล้วลองอีกครั้ง