การแสดงภาพสองภาพเคียงข้างกันเป็นวิธีที่ดีเยี่ยมในการแบ่งปันภาพถ่ายก่อนและหลัง การเปรียบเทียบ และภาพปะติดบนบล็อกหรือเว็บไซต์ของคุณ คุณสามารถใช้แอปแก้ไขรูปภาพออนไลน์ฟรี เช่น PhotoJoiner หรือ Picisto หรือใช้โค้ด HTML เพื่อแสดงรูปภาพที่อยู่เคียงข้างกันในเว็บไซต์ เช่น WordPress หรือ Blogger
ขั้นตอน
วิธีที่ 1 จาก 3: การใช้ PhotoJoiner
ขั้นตอนที่ 1 ไปที่เว็บไซต์ PhotoJoiner ที่
ขั้นที่ 2. คลิกที่ “เลือกรูปภาพ” จากนั้นเลือกรูปภาพแรกที่คุณต้องการใช้
รูปภาพจะแสดงบนหน้าจอที่ PhotoJoiner
ขั้นตอนที่ 3 คลิกที่ “เลือกรูปภาพ” อีกครั้ง จากนั้นเลือกรูปภาพที่สองที่คุณต้องการใช้
รูปภาพนี้จะแสดงทางด้านขวาของรูปภาพแรก
ขั้นที่ 4. วางเครื่องหมายถูกข้าง “Margin between images” ถ้าต้องการ
คุณลักษณะนี้จะเพิ่มระยะขอบเพื่อแยกรูปภาพสองรูปออกจากกัน
ขั้นตอน 5. คลิกที่ “เข้าร่วมรูปภาพ
” ทั้งสองภาพจะรวมกันเป็นภาพเดี่ยว
ขั้นตอนที่ 6. คลิกขวาที่รูปภาพแล้วเลือก “บันทึกรูปภาพเป็น
”
ขั้นที่ 7. พิมพ์ชื่อรูปภาพของคุณ แล้วคลิก “บันทึก
” รูปภาพที่อยู่เคียงข้างกันของคุณจะถูกบันทึก
วิธีที่ 2 จาก 3: การใช้ Picisto
ขั้นตอนที่ 1 ไปที่เว็บไซต์ Picisto ที่
ขั้นตอนที่ 2. คลิกที่ “ลงทะเบียน” ที่มุมบนขวา จากนั้นทำตามคำแนะนำบนหน้าจอเพื่อสร้างบัญชีฟรี
คุณต้องลงชื่อสมัครใช้ Picisto ก่อนจึงจะสามารถรวมรูปภาพโดยใช้บริการนี้ได้
ขั้นตอนที่ 3 คลิกที่ "เคียงข้างกัน" หลังจากเข้าสู่ระบบ Picisto
ขั้นตอนที่ 4. คลิกที่ “อัปโหลด / เลือกรูปภาพ” จากนั้นคลิก “เรียกดู” เพื่อเลือกรูปภาพแรกที่คุณต้องการใช้
รูปภาพจะอัปโหลดและแสดงบนไซต์ Picisto
อีกทางหนึ่ง คุณสามารถเลือกอัปโหลดรูปภาพจาก Facebook, Instagram, URL หรือเว็บแคม
ขั้นตอนที่ 5. คลิกที่ "อัปโหลด / เลือกรูปภาพ" อีกครั้ง จากนั้นคลิก "เรียกดู" เพื่อเลือกรูปภาพที่สอง
รูปภาพนี้จะแสดงทางด้านขวาของรูปภาพแรกของคุณ
ขั้นตอนที่ 6 เลื่อนไปที่ด้านล่างของรูปภาพแล้วคลิก “เสร็จสิ้นและบันทึกรูปภาพ
” Picisto จะแสดงข้อความแจ้งว่ารูปภาพของคุณได้รับการบันทึกเรียบร้อยแล้ว
ขั้นตอนที่ 7 เลื่อนไปที่ด้านล่างของรูปภาพแล้วคลิก "ดาวน์โหลด"
”
ขั้นตอนที่ 8. เลือกตัวเลือกเพื่อ “บันทึก” รูปภาพไปยังเดสก์ท็อปของคุณ
รูปภาพของคุณจะถูกรวมและบันทึกเป็นภาพเดี่ยว
วิธีที่ 3 จาก 3: การใช้ HTML
ขั้นตอนที่ 1 แก้ไขโพสต์บล็อกหรือหน้าที่คุณต้องการให้แสดงภาพสองภาพเคียงข้างกัน
ขั้นตอนที่ 2 แทรกรูปภาพทั้งสองแยกกันในโพสต์บล็อกของคุณ
หลังจากนั้น คุณจะต้องคลิกและลากรูปภาพไปยังส่วนอื่นในบล็อกโพสต์เพื่อวางเคียงข้างกัน
ขั้นตอนที่ 3 คลิกที่แท็บ "HTML" ในโพสต์ของคุณ
นี่คือที่ที่คุณจะวางโค้ดที่ช่วยให้คุณสามารถแสดงภาพสองภาพเคียงข้างกัน
ขั้นที่ 4. วางเคอร์เซอร์ของคุณไว้ที่ตำแหน่งที่คุณต้องการให้รูปภาพสองรูปแสดงเคียงข้างกัน จากนั้นวางโค้ดต่อไปนี้:
รูปภาพ 1-1 | รูปภาพ 1-2 |
ขั้นตอนที่ 5. คลิกกลับไปที่แท็บ "ข้อความ" ของโพสต์ของคุณ
ตอนนี้ คุณจะเห็นกล่องสีเทาสองกล่องข้างกันที่มีป้ายกำกับว่า “รูปภาพ 1-1” และ “รูปภาพ1-2”
ขั้นที่ 6. คลิกแล้วลากรูปแรกไปที่กล่องสีเทาที่มีข้อความว่า “photo 1-1
”
ขั้นที่ 7. คลิกและลากรูปภาพที่สองไปที่กล่องสีเทาที่มีข้อความว่า “รูปภาพ 1-2
”
หากคุณประสบปัญหาในการคลิกและลากรูปภาพของคุณไปยังกล่องสีเทา ให้คลิกกลับไปที่แท็บ HTML และแทนที่ “photo 1-1” และ “photo 1-2” ด้วยรหัสต่อไปนี้: ค่าความกว้างสามารถเปลี่ยนแปลงได้ตามความต้องการของคุณ
ขั้นตอนที่ 8 ลบข้อความ "รูปภาพ 1-1" และ "รูปภาพ 1-2" จากด้านล่างแต่ละรูป
ตอนนี้รูปภาพของคุณจะถูกวางเคียงข้างกันในโพสต์ของคุณ