คู่มือเปรียบเทียบรูปภาพ
เปรียบเทียบรูปภาพด้วยมุมมองที่เหมาะสม
การเปรียบเทียบรูปภาพออนไลน์จะอ่านง่ายที่สุดเมื่อมุมมองตรงกับสิ่งที่ต้องตัดสินใจ
คู่มือนี้ครอบคลุมช่องรูปภาพสองช่อง การแสดงตัวอย่างในเบราว์เซอร์ และโหมดเปรียบเทียบสี่แบบ
ตัวอย่างจริง
ดูโหมดเปรียบเทียบทั้งสี่ด้วยรูปเดโมในเครื่อง
แต่ละตัวอย่างใช้คู่รูปก่อนและหลังจริง เพื่อให้เห็นว่าโหมดนั้นเหมาะกับการตรวจแบบใด
Image A
Image B
ขั้นตอน 1
เริ่มจาก Image A และ Image B
โหลดรูปต้นฉบับหรือรูปก่อนแก้ไขลงใน Image A แล้วโหลดรูปหลังแก้ไขลงใน Image B
ควรใช้ไฟล์ที่เป็นฉาก งานออกแบบ รูปสินค้า หรือภาพหน้าจอเดียวกัน เพื่อให้ผลเปรียบเทียบอ่านง่ายขึ้น
- Image A: รูปต้นฉบับ รูปก่อนแก้ไข รูปอ้างอิง หรือภาพฐาน
- Image B: รูปหลังแก้ไข รูปที่ส่งออก รูปที่ปรับแล้ว หรือรูปใหม่
- รูปแบบที่รองรับ: PNG, JPG, JPEG, WebP
ก่อนและหลัง
สไลเดอร์เปรียบเทียบรูปภาพ
สไลเดอร์เปรียบเทียบรูปภาพ: เปรียบเทียบรูปภาพ, การเปรียบเทียบรูปภาพ, เปรียบเทียบภาพถ่าย.
ใช้โหมดนี้เมื่อคุณต้องการเปิดดูการเปลี่ยนแปลงที่มองเห็นได้ในพื้นที่ภาพเดียวกัน
ทั้งภาพ
เปรียบเทียบรูปภาพแบบเคียงข้าง
เปรียบเทียบรูปภาพแบบเคียงข้าง: เปรียบเทียบภาพถ่าย, การเปรียบเทียบรูปภาพ.
ใช้โหมดนี้เมื่อต้องเห็นทั้งสองรูปพร้อมกันเพื่อตรวจการครอบ ระยะห่าง และองค์ประกอบ
การจัดแนว
เปรียบเทียบรูปภาพแบบซ้อนทับ
เปรียบเทียบรูปภาพแบบซ้อนทับ: เปรียบเทียบรูปภาพ, รูปภาพเปรียบเทียบ.
ใช้โหมดนี้เมื่อตำแหน่ง ขนาด หรือการจัดแนวสำคัญกว่าการดูภาพก่อนและหลังแบบง่าย
ตรวจพิกเซล
ไฮไลต์ความแตกต่าง
โหมดไฮไลต์ทำเครื่องหมายความต่างของรูปภาพเป็นสีแดงหลังทดสอบค่าเกณฑ์พิกเซลในเบราว์เซอร์
ใช้โหมดนี้เมื่อต้องดูพื้นที่ที่เปลี่ยนและค่าพิกเซลในเครื่องหลังจากรัน diff
รูปแบบไฟล์
รูปแบบรูปภาพที่รองรับ
เครื่องมือปัจจุบันรองรับไฟล์ PNG, JPG, JPEG, WebP เพื่อผลลัพธ์ที่ดี ควรเปรียบเทียบรูปจากเวิร์กโฟลว์เดียวกัน
แปลงรูปแบบที่ไม่รองรับก่อนนำมาเปรียบเทียบ
รูปที่โหลดแล้ว
จะรู้ได้อย่างไรว่ารูปภาพโหลดสำเร็จแล้ว
หากรูปภาพของคุณปรากฏในช่องอัปโหลด โดยทั่วไปถือว่าโหลดสำเร็จแล้ว ไฟล์รูปภาพที่มีขนาดใหญ่มากอาจใช้เวลาโหลดนานขึ้นและทำให้การเปรียบเทียบช้าลง
กรณีใช้งาน
การใช้งานทั่วไปของการเปรียบเทียบรูปภาพออนไลน์
เปรียบเทียบรูปภาพสองรูปออนไลน์เมื่อต้องตรวจการเปลี่ยนแปลงก่อนยอมรับงานแก้ไข การส่งออก หรือภาพหน้าจอ
ตารางโหมด
ตารางโหมดแบบง่าย
| โหมด | เหมาะกับ | ใช้เมื่อ |
|---|---|---|
| สไลเดอร์เปรียบเทียบรูปภาพ | สไลเดอร์เปรียบเทียบรูปภาพ: เปรียบเทียบรูปภาพ, การเปรียบเทียบรูปภาพ, เปรียบเทียบภาพถ่าย. | ลากเส้นแยกเพื่อตรวจสอบว่าพิกเซลที่เปลี่ยนแปลงอยู่ที่ใดในบริบท |
| เปรียบเทียบรูปภาพแบบเคียงข้าง | เปรียบเทียบรูปภาพแบบเคียงข้าง: เปรียบเทียบภาพถ่าย, การเปรียบเทียบรูปภาพ. | เปรียบเทียบรูปภาพทั้งสองพร้อมกันก่อนที่จะอ่านเมตริกส่วนต่างที่คำนวณแล้ว |
| เปรียบเทียบรูปภาพแบบซ้อนทับ | เปรียบเทียบรูปภาพแบบซ้อนทับ: เปรียบเทียบรูปภาพ, รูปภาพเปรียบเทียบ. | ใช้เป็นตัวตรวจความแตกต่างทางภาพเพื่อดูการเลื่อนตำแหน่ง สี และการเปลี่ยนแปลงของแสง |
| ไฮไลต์ความแตกต่าง | ไฮไลต์ความแตกต่าง: เปรียบเทียบรูปภาพ, ผลลัพธ์. | โหมดไฮไลต์ทำเครื่องหมายความต่างของรูปภาพเป็นสีแดงหลังทดสอบค่าเกณฑ์พิกเซลในเบราว์เซอร์ |
พร้อมเปรียบเทียบ