Contact
Line : comsiam
Contact
Line : comsiam

ภาพ Before–After หรือภาพเปรียบเทียบก่อนและหลัง ช่วยแสดงความเปลี่ยนแปลงให้ผู้ชมเข้าใจได้อย่างรวดเร็ว เหมาะกับการนำเสนอผลงาน รีวิวสินค้า งานออกแบบ การแต่งภาพ การปรับปรุงสถานที่ และกรณีศึกษาต่าง ๆ
Canva ช่วยให้ผู้ใช้วางภาพสองภาพไว้คู่กัน เพิ่มเส้นแบ่ง ใส่ข้อความ Before และ After รวมถึงปรับขนาดเพื่อนำไปใช้กับ Social Media ได้ง่าย โดยไม่จำเป็นต้องใช้โปรแกรมแต่งภาพที่ซับซ้อน
บทความนี้จะแนะนำวิธีทำภาพ Before–After ด้วย Canva ตั้งแต่เตรียมภาพ เลือกเทมเพลต ใช้ Grid หรือ Frame จัดแนวภาพ ไปจนถึงตรวจความยุติธรรมของการเปรียบเทียบก่อนเผยแพร่
ภาพ Before–After คือการนำภาพก่อนดำเนินการและภาพหลังดำเนินการมาแสดงร่วมกัน เพื่อให้ผู้ชมเปรียบเทียบความแตกต่างได้ทันที
รูปแบบที่นิยมใช้ ได้แก่
คำว่า Before และ After สามารถเปลี่ยนเป็นภาษาไทยว่า “ก่อน” และ “หลัง” เพื่อให้ผู้ชมเข้าใจง่ายขึ้น
ภาพเปรียบเทียบสามารถใช้กับเนื้อหาได้หลายประเภท เช่น
หากใช้กับสุขภาพ ความงาม หรือการเปลี่ยนแปลงของร่างกาย ต้องระมัดระวังเป็นพิเศษ ไม่ควรใช้ภาพที่ปรับแต่งจนทำให้ผลลัพธ์ดูเกินความจริง
| รูปแบบ | ขนาดแนะนำ | เหมาะสำหรับ |
|---|---|---|
| ภาพสี่เหลี่ยม | 1080 × 1080 พิกเซล | Facebook และ Instagram |
| ภาพแนวตั้ง | 1080 × 1350 พิกเซล | Instagram Feed และ LinkedIn |
| Story | 1080 × 1920 พิกเซล | Facebook และ Instagram Story |
| Reels/TikTok | 1080 × 1920 พิกเซล | วิดีโอก่อนและหลัง |
| Pinterest Pin | 1000 × 1500 พิกเซล | ภาพเปรียบเทียบแนวตั้ง |
| ภาพแนวนอน | 1600 × 900 พิกเซล | เว็บไซต์ Facebook และ X |
เลือกขนาดตามพื้นที่ที่จะเผยแพร่ และตรวจการแสดงผลของแต่ละแพลตฟอร์มก่อนโพสต์
คุณภาพของภาพต้นฉบับมีผลต่อความน่าเชื่อถือมากกว่าการตกแต่งภายหลัง ควรถ่ายภาพทั้งสองช่วงให้มีเงื่อนไขใกล้เคียงกัน
ควรรักษาสิ่งต่อไปนี้ให้เหมือนกัน
หากถ่ายต่างมุมหรือใช้แสงไม่เหมือนกัน ความเปลี่ยนแปลงอาจดูมากหรือน้อยกว่าความเป็นจริง
ควรแยกชื่อไฟล์ให้ชัด เช่น project-before.jpg และ project-after.jpg เพื่อป้องกันการวางภาพสลับกัน
เข้าสู่ Canva แล้วเลือกประเภทงาน เช่น Instagram Post, Facebook Post, Story หรือสร้างขนาดกำหนดเอง
หากยังไม่แน่ใจว่าจะนำไปใช้ที่ใด สามารถเริ่มจาก 1080 × 1080 พิกเซล ซึ่งเหมาะกับภาพเปรียบเทียบแบบซ้ายและขวา
พิมพ์คำค้นหา เช่น
เลือกเทมเพลตที่มีโครงสร้างเหมาะกับภาพ ไม่ควรเลือกจากสีสวยเพียงอย่างเดียว
เปิดเมนูอัปโหลดแล้วเพิ่มภาพ Before กับ After เข้าสู่ Canva
ก่อนนำไปวางควรตรวจว่า
เปิดเมนู Elements แล้วค้นหา Grid หรือกริด เลือกรูปแบบสองช่องเท่ากัน
รูปแบบที่นิยม ได้แก่
สำหรับภาพเปรียบเทียบทั่วไป แนะนำสองช่องเท่ากัน เพราะช่วยให้ผู้ชมประเมินทั้งสองภาพได้อย่างยุติธรรม
ลากภาพ Before ไปยังช่องแรกและภาพ After ไปยังช่องที่สอง Canva จะครอบภาพให้พอดีกับแต่ละช่องโดยอัตโนมัติ
ดับเบิลคลิกภาพเพื่อปรับ
ต้องจัดให้วัตถุสำคัญมีขนาดใกล้เคียงกัน ไม่ควรขยายภาพ After มากกว่าภาพ Before เพื่อให้ผลลัพธ์ดูเด่นเกินจริง
เพิ่มกล่องข้อความเหนือหรือใต้แต่ละภาพ โดยใช้คำว่า
ควรใช้ข้อความสั้น ตัวหนา และสีที่อ่านได้ชัดบนทั้งสองภาพ
เพิ่มเส้นตรงไว้กึ่งกลางเพื่อให้เห็นขอบเขตของภาพชัดขึ้น สามารถใช้
เส้นควรช่วยแยกภาพ ไม่ควรหนาหรือมีรายละเอียดมากจนแย่งความสนใจ
หากภาพ Before กับ After มีแสงต่างกันจากข้อจำกัดในการถ่าย สามารถปรับความสว่างและสีให้ใกล้เคียงกันได้
ไม่ควรปรับเพื่อทำให้
เป้าหมายคือทำให้ภาพเปรียบเทียบได้ง่าย ไม่ใช่สร้างความแตกต่างที่ไม่มีอยู่จริง
เพิ่มหัวข้อเพื่อบอกว่ากำลังเปรียบเทียบเรื่องอะไร เช่น
หัวข้อควรบอกบริบทและไม่กล่าวอ้างเกินข้อมูลที่มี
หากระยะเวลามีความสำคัญ ควรระบุ เช่น
ไม่ควรทำให้ผู้ชมเข้าใจว่าผลลัพธ์เกิดขึ้นทันที หากต้องใช้เวลาหรือมีเงื่อนไขเฉพาะ
ใส่โลโก้ ชื่อเว็บไซต์ หรือชื่อบัญชีไว้บริเวณที่มองเห็น แต่ไม่บดบังส่วนสำคัญ
การใส่ชื่อเจ้าของผลงานช่วยให้ผู้ชมค้นหาต้นทางได้เมื่อภาพถูกบันทึกหรือส่งต่อ
ภาพบางประเภทควรมีคำชี้แจง เช่น
คำชี้แจงต้องมีขนาดอ่านได้ ไม่ควรทำให้เล็กจนผู้ชมมองไม่เห็น
เมื่อออกแบบเสร็จแล้ว ให้เลือก
ก่อนดาวน์โหลดควรตรวจขนาดและเลือกเฉพาะหน้าที่ต้องการ
สามารถสร้างเองจากหน้าว่างได้ตามขั้นตอนนี้
วิธีนี้ควบคุมรูปแบบได้มากกว่าและช่วยสร้าง Template ประจำแบรนด์ได้ง่าย
รูปแบบนี้เหมาะกับภาพสี่เหลี่ยมหรือแนวนอน
ผู้ชมส่วนใหญ่คุ้นเคยกับการอ่านจากซ้ายไปขวา รูปแบบนี้จึงเข้าใจได้รวดเร็ว
รูปแบบนี้เหมาะกับ Story, Pinterest Pin และงานแนวตั้ง
รูปแบบบนและล่างทำให้ภาพมีขนาดใหญ่กว่าการวางซ้าย–ขวาในพื้นที่แนวตั้ง
หากต้องการให้เห็นรายละเอียดมากขึ้น สามารถแบ่งเป็นหลายหน้า เช่น
Carousel เหมาะกับกรณีศึกษาที่ต้องอธิบายกระบวนการ ไม่ควรแสดงเฉพาะผลลัพธ์โดยไม่มีบริบท
สามารถสร้างวิดีโอสั้นโดยใช้ภาพสองหน้าหรือวางภาพใน Timeline
ขั้นตอนพื้นฐาน ได้แก่
ไม่ควรใช้ Transition เร็วจนผู้ชมไม่มีเวลาเปรียบเทียบภาพ
แคปชันควรอธิบาย
ตัวอย่าง:
ภาพเปรียบเทียบก่อนและหลังปรับหน้าเว็บไซต์ โดยเป้าหมายคือทำให้ข้อมูลบริการอ่านง่ายขึ้นและลดองค์ประกอบที่ไม่จำเป็น
งานที่ปรับประกอบด้วยโครงสร้างหัวข้อ สี ปุ่ม และการแสดงผลบนโทรศัพท์ ภาพนี้เป็นผลจากโครงการตัวอย่างนี้โดยเฉพาะ
คุณคิดว่าส่วนใดเปลี่ยนแปลงชัดเจนที่สุด?
แคปชันควรเพิ่มบริบท ไม่ใช่เขียนเพียงว่า “เปลี่ยนมาก” หรือ “เห็นผลแน่นอน”
หากภาพมีลูกค้า พนักงาน หรือบุคคลอื่น ควรขออนุญาตก่อนเผยแพร่ และอธิบายว่าจะใช้ภาพที่ใด
ควรระวังข้อมูล เช่น
หากไม่ได้รับอนุญาต สามารถปิดบังข้อมูล ใช้มุมที่ไม่ระบุตัวบุคคล หรือหลีกเลี่ยงการเผยแพร่ภาพนั้น
การเปรียบเทียบควรมีเงื่อนไขใกล้เคียงกัน โดยเฉพาะภาพเกี่ยวกับสุขภาพ ความงาม ร่างกาย และสินค้า
ไม่ควร
ความโปร่งใสช่วยสร้างความน่าเชื่อถือในระยะยาวมากกว่าภาพที่ดูแตกต่างมากแต่ไม่ยุติธรรม
Canva AI อาจช่วยในงานต่าง ๆ เช่น
ไม่ควรใช้ AI เปลี่ยนรูปร่าง สินค้า หรือผลลัพธ์ของภาพ After จนไม่ตรงกับความเป็นจริง หากมีการใช้ AI แก้ไขส่วนสำคัญ ควรพิจารณาเปิดเผยอย่างเหมาะสม
ทำให้เปรียบเทียบไม่ได้อย่างยุติธรรม ควรถ่ายจากตำแหน่งเดิมเมื่อเป็นไปได้
อาจทำให้ด้านหนึ่งดูสำคัญกว่า ควรใช้ Grid ช่องเท่ากันสำหรับการเปรียบเทียบตรง ๆ
ตั้งชื่อไฟล์ให้ชัดและตรวจอีกครั้งก่อนดาวน์โหลด
ใช้ภาพแสดงความเปลี่ยนแปลง ส่วนรายละเอียดควรเขียนในแคปชันหรือ Carousel
ผู้ชมอาจเข้าใจว่าผลเกิดขึ้นเร็วกว่าความจริง ควรระบุเมื่อเวลามีผลต่อการประเมิน
อาจละเมิดความเป็นส่วนตัวและทำลายความไว้วางใจ
ทำให้ผลลัพธ์ดูไม่ตรงกับของจริงและลดความน่าเชื่อถือ
ควรสร้าง Template ประจำ โดยกำหนดขนาดช่องภาพ เส้นแบ่ง ป้ายข้อความ สี ฟอนต์ และตำแหน่งโลโก้ เมื่อมีผลงานใหม่จึงเปลี่ยนเฉพาะภาพกับรายละเอียด วิธีนี้ช่วยให้ผลงานทั้งหมดดูเป็นชุดเดียวกัน
สำหรับกรณีศึกษาของ comsiam สามารถใช้ภาพ Before–After แสดงการปรับโครงสร้างเนื้อหา ภาพประกอบ หรือหน้าตาเว็บไซต์ โดยระบุสิ่งที่แก้ไขและผลที่สังเกตได้จริง แทนการใช้คำอธิบายกว้าง ๆ
ทีมงาน comsiam หรือ Content Creator ควรเก็บภาพต้นฉบับไว้เสมอ เพื่อใช้ยืนยันความถูกต้องและสามารถกลับมาแก้งานได้โดยไม่สูญเสียรายละเอียดเดิม
ทำได้ โดยใช้ Grid, Frame, ข้อความ และองค์ประกอบฟรี แต่เครื่องมือบางรายการ เช่น การลบพื้นหลัง อาจขึ้นอยู่กับแพ็กเกจ
Grid เหมาะกับการแบ่งพื้นที่หลายช่องอย่างรวดเร็ว ส่วน Frame เหมาะกับการกำหนดรูปทรงและวางภาพเฉพาะตำแหน่ง ทั้งสองแบบสามารถใช้ทำ Before–After ได้
สำหรับรูปแบบซ้าย–ขวา นิยมวาง Before ด้านซ้ายและ After ด้านขวา ส่วนงานแนวตั้งนิยมวาง Before ด้านบนและ After ด้านล่าง
ปรับเพื่อให้แสงและสีใกล้เคียงกันได้ แต่ไม่ควรทำให้ความแตกต่างดูมากกว่าความเป็นจริง
ควรได้รับอนุญาตอย่างชัดเจนก่อนเผยแพร่ และต้องปกป้องข้อมูลส่วนบุคคลตามความเหมาะสม
หากมีข้อความและกราฟิกควรใช้ PNG หากเน้นภาพถ่ายและต้องการไฟล์เล็กสามารถใช้ JPG ได้
ทำได้ โดยวางภาพก่อนและหลังเป็นคนละช่วง เพิ่ม Transition แบบเรียบ และดาวน์โหลดเป็น MP4
วิธีทำภาพ Before–After ด้วย Canva เริ่มจากเตรียมภาพก่อนและหลังที่ถ่ายภายใต้เงื่อนไขใกล้เคียงกัน จากนั้นสร้างงาน เลือก Grid แบบสองช่อง วางภาพ ปรับระดับซูม เพิ่มป้าย Before–After และใส่รายละเอียดที่จำเป็น
สิ่งสำคัญไม่ใช่การทำให้ความแตกต่างดูมากที่สุด แต่คือการแสดงผลลัพธ์อย่างยุติธรรมและตรวจสอบได้ ควรระบุระยะเวลา ขออนุญาตเจ้าของภาพ และหลีกเลี่ยงการปรับแต่งที่ทำให้เข้าใจผิด
เมื่อใช้ Template ที่สม่ำเสมอและอธิบายบริบทอย่างโปร่งใส ภาพ Before–After จะช่วยนำเสนอผลงานและสร้างความน่าเชื่อถือให้กับแบรนด์ได้อย่างมีประสิทธิภาพ