ตัวเปรียบเทียบภาพแบบเลื่อน
เปรียบเทียบสองภาพด้วย before/after slider ที่ลากได้ รองรับ JPEG, PNG, WebP, GIF, BMP สูงสุด 10MB ปรับแนวตั้งและแนวนอนได้ ทำงาน 100% ฝั่งไคลเอนต์
Loading tool...
ตัวเปรียบเทียบภาพแบบเลื่อน คืออะไร?
Image Comparison Slider เป็นเครื่องมือ before/after แบบโต้ตอบที่ซ้อนภาพสองภาพในเฟรมเดียวพร้อมตัวแบ่งที่ลากได้ ขยับจุดหมุนเพื่อแสดงภาพแต่ละด้านที่ตำแหน่งใดก็ได้ ทำให้โชว์การแก้ไขภาพ การปรับดีไซน์ การอัปเกรดสินค้า งาน retouch และ visual case study ได้อย่างง่ายดาย เครื่องมือรองรับแนวตั้งและแนวนอน การนำทางด้วยคีย์บอร์ดและการลากด้วยนิ้ว และรับไฟล์ JPEG, PNG, WebP, GIF และ BMP สูงสุด 10MB ทุกอย่างทำงานในเบราว์เซอร์ — ไม่อัปโหลด ไม่ต้องสมัคร ไม่มีลายน้ำ
ประโยชน์หลัก
- โชว์การแก้ไขภาพ retouch และ color grading ด้วยอินเทอร์เฟซ drag-to-compare ที่ใช้งานง่าย
- นำเสนอการเปลี่ยนแปลงดีไซน์หรือสินค้าใน portfolio และ case study โดยไม่ต้องฝังจากบุคคลที่สาม
- สลับระหว่าง slider แนวตั้งและแนวนอนให้เหมาะกับคู่ภาพแนวนอนหรือแนวตั้ง
- ใช้คีย์บอร์ดได้และเป็นมิตรกับ touch ทำให้เปรียบเทียบได้บนทุกอุปกรณ์
- 100% ฝั่งไคลเอนต์ — ภาพลูกค้าที่ละเอียดอ่อนและภาพส่วนตัวไม่ออกจากเบราว์เซอร์
กรณีการใช้งาน
- •before/after slider สำหรับ portfolio การถ่ายภาพที่โชว์งาน retouch และการแก้สี
- •case study สำหรับการออกแบบ UI/UX เปรียบเทียบสกรีนช็อตอินเทอร์เฟซเก่าและใหม่
- •หน้าสินค้าที่เน้นการอัปเกรด การปรับปรุง หรือการเปลี่ยนแปลง
- •บทเรียนและบทความที่สาธิตเทคนิคการประมวลผลภาพทีละขั้น
- •การรีวิว design iteration และการเปรียบเทียบภาพแบบ A/B ภายในโดยไม่ต้องแชร์ไฟล์ออนไลน์
วิธีใช้ตัวเปรียบเทียบภาพแบบเลื่อน
- อัปโหลดภาพ Before: คลิกช่องอัปโหลด Before แล้วเลือกภาพแรก (ต้นฉบับ ก่อแก้ไข หรือสถานะก่อนหน้า) รองรับ JPEG, PNG, WebP, GIF และ BMP สูงสุด 10MB
- อัปโหลดภาพ After: คลิกช่องอัปโหลด After แล้วเลือกภาพที่สอง (หลังแก้ไข อัปเดต หรือสถานะใหม่) ภาพทั้งสองจะซ้อนกันในหน้าต่างเปรียบเทียบ
- ลาก slider: ลากจุดหมุนกลมซ้าย-ขวา (หรือบน-ล่าง) เพื่อแสดงภาพแต่ละด้านมากขึ้น หรือใช้ range slider หรือปุ่มลูกศรเพื่อปรับตำแหน่งให้แม่นยำ
- สลับ เปลี่ยนทิศ หรือรีเซ็ต: ใช้ Swap เพื่อสลับภาพทั้งสอง, Toggle Orientation เพื่อสลับระหว่างแนวตั้งและแนวนอน หรือ Reset เพื่อล้างทั้งหมดแล้วเริ่มใหม่
คุณสมบัติหลัก
- จุดหมุน before/after ที่ลากได้พร้อม clip-path clipping แบบ real-time
- รองรับภาพ JPEG, PNG, WebP, GIF และ BMP ขนาดสูงสุด 10MB ต่อไฟล์
- slider แนวตั้งและแนวนอนสำหรับคู่ภาพใดๆ
- slider ที่ใช้คีย์บอร์ดได้ รองรับการขยับด้วยปุ่มลูกศร
- สลับและรีเซ็ตได้ในคลิกเดียว พร้อมตัวเลขตำแหน่งแบบเปอร์เซ็นต์ที่แม่นยำ
- ออฟไลน์และเป็นส่วนตัวโดยสมบูรณ์ — ภาพไม่ออกจากเบราว์เซอร์