ทำตามตัวอย่างนี้เพื่อจัดวางรูปถ่ายสามรูปบนผืนผ้าใบสี่เหลี่ยม จากนั้นปรับเค้าโครงและขนาดให้เข้ากับคอลเลกชันของคุณเอง เปิด รวมรูปภาพ.
เลือกรูปภาพและเค้าโครง
เปิดการรวมรูปภาพและอัปโหลดรูปภาพที่คุณต้องการจัดเรียง คุณสามารถใช้ไฟล์ที่รองรับได้สูงสุด 20 ไฟล์ ไฟล์ละ 25 MB ภาพขนาดย่อเหนือภาพตัดปะจะแสดงลำดับอินพุต ใช้ลูกศรเพื่อย้ายรูปภาพไปยังตำแหน่งอื่น
เริ่มต้นด้วยตารางสำหรับกลุ่มที่สมดุล เคียงข้างกันสำหรับแถวแนวนอนหนึ่งแถว หรือวางซ้อนกันสำหรับลำดับแนวตั้ง คุณสมบัติซ้ายและคุณสมบัติบนจะสำรองพื้นที่มากขึ้นสำหรับรูปภาพแรก ฟิล์มสตริปจะให้ผืนผ้าใบกว้างแก่กลุ่ม
ตัวอย่างใช้ collage-lake.jpg, collage-coast.jpg และ collage-botanical.jpg ตามลำดับนั้น จากนั้นเลือกคุณสมบัติซ้าย แหล่งที่มาแต่ละแห่งคือ 1200 x 900 พิกเซล ทะเลสาบจะกลายเป็นรูปภาพหลัก ชายฝั่งและดอกไม้จะอยู่ในกรอบขนาดเล็กสองกรอบ
เลือกรูปภาพหลักก่อน รูปภาพกว้างในกรอบคุณสมบัติแนวตั้งอาจสูญเสียพื้นที่จำนวนมากที่ขอบซ้ายและขวา
จัดกรอบรูปภาพและผืนผ้าใบ
ตั้งค่าขนาดผืนผ้าใบเป็นสี่เหลี่ยมจัตุรัสสำหรับผลลัพธ์ 2000 x 2000 ของตัวอย่าง ค่าที่ตั้งไว้ล่วงหน้าอื่นๆ ได้แก่ แนวตั้ง, สตอรี่, แนวนอน และจอกว้าง ขนาดที่กำหนดเองให้การควบคุมความกว้าง (px) และความสูง (px) โดยตรง ตั้งแต่ 100 ถึง 8000 พิกเซลต่อขอบ โดยมีขีดจำกัดรวม 32 ล้านพิกเซล
รูปภาพในกรอบเสนอให้เติมเต็มแต่ละกรอบและแสดงรูปภาพทั้งหมด การเติมเต็มจะครอบคลุมกรอบและตัดขอบส่วนเกินออก การแสดงรูปภาพทั้งหมดจะพอดีกับรูปภาพเต็มที่การซูมรูปภาพ 100% ซึ่งอาจทิ้งพื้นหลังที่ไม่ได้ใช้ไว้รอบๆ
เลือกรูปภาพบนผืนผ้าใบหรือในแถวภาพขนาดย่อ ลากเพื่อปรับกรอบ เปลี่ยนการซูมรูปภาพ หรือใช้ซ้ายและขวาสำหรับการหมุน 90 องศา การรีเซ็ตรูปภาพจะคืนค่าการจัดกรอบที่กึ่งกลางโดยไม่มีการหมุนและซูม 100% ตัวอย่างของเราเก็บรูปภาพทั้งสามไว้ที่กึ่งกลางที่ 100% และใช้การเติมเต็มแต่ละกรอบ
ขนาดผืนผ้าใบคือขนาดเอาต์พุต ไม่ใช่ตัวเพิ่มความละเอียด การขยายรูปภาพขนาดเล็กไม่สามารถสร้างรายละเอียดที่ขาดหายไปได้
ตัวอย่างในคู่มือนี้
Feature left; สี่เหลี่ยม 2000 x 2000 px; เติมเต็มแต่ละเฟรม; ระยะห่าง 16 px; ขอบนอก 24 px; มุมมน 20 px; พื้นหลังสีขาว; รูปถ่ายทั้งหมดจัดกึ่งกลางที่ซูม 100%; PNG
- รูปถ่ายต้นฉบับ
- 3 รูปภาพ แต่ละรูป 1200 x 900 px
- ผืนผ้าใบ
- 2000 x 2000 px
- เค้าโครง
- รูปหลักอยู่ซ้าย
- ดาวน์โหลด PNG แล้ว
- 5,280,725 ไบต์
ตั้งค่าการเว้นระยะห่างและพื้นหลัง
สำหรับองค์ประกอบนี้ ให้ตั้งค่าการเว้นระยะห่างเป็น 16 px และระยะขอบด้านนอกเป็น 24 px ภายใต้มุมและพื้นหลัง ให้ใช้มุมโค้งมน 20 px และสีพื้นหลังสีขาว สิ่งนี้จะทิ้งขอบที่สม่ำเสมอรอบๆ รูปภาพ
พื้นหลังโปร่งใสใช้งานได้กับ PNG และ WebP JPG ใช้การเติมแบบทึบแทน เลือกพื้นหลังที่เหมาะสมกับปลายทาง โดยเฉพาะอย่างยิ่งเมื่อการแสดงรูปภาพทั้งหมดทิ้งพื้นที่ที่มองเห็นได้ในกรอบ
ลองสลับหากคุณต้องการการจัดเรียงรูปภาพที่แตกต่างกัน เลิกทำและทำซ้ำช่วยให้คุณเปรียบเทียบการเปลี่ยนแปลงองค์ประกอบล่าสุดได้ การเพิ่มหรือลบไฟล์จะรีเซ็ตประวัตินั้นสำหรับชุดรูปภาพต้นฉบับใหม่
การเว้นระยะห่างและมุมวัดเป็นพิกเซลเอาต์พุต ค่าที่ใหญ่มากอาจทำให้รูปภาพเบียดเสียดกันหรือไม่มีที่ว่างสำหรับกรอบบนผืนผ้าใบขนาดเล็ก
ส่งออกรูปภาพที่เสร็จสมบูรณ์หนึ่งรูป
เลือก PNG ภายใต้บันทึกเป็นและเลือกเริ่ม องค์ประกอบสุดท้ายจะถูกเรนเดอร์จากต้นฉบับที่อัปโหลด ตัวอย่างนี้ดาวน์โหลด collage.png ที่ 2000 x 2000 พิกเซลและ 5,280,725 ไบต์พอดี เป็นรูปภาพรวมหนึ่งรูป ดังนั้นจึงไม่มี ZIP ให้แตกไฟล์
JPG และ WebP ยังมีแถบเลื่อนปรับคุณภาพรูปภาพ ใช้ตัวเลือกเหล่านี้เมื่อปลายทางรองรับและ PNG มีขนาดใหญ่เกินความจำเป็น PNG ใช้การเข้ารหัสเอาต์พุตแบบไม่สูญเสียข้อมูล แต่การปรับขนาดและการครอบตัดยังคงเปลี่ยนแปลงพิกเซลของรูปภาพ
เปิดไฟล์ที่บันทึกไว้และตรวจสอบขอบเฟรมและขนาด ดาวน์โหลดก่อนรีเฟรช: การรีเฟรชตัวแก้ไขหรือการดาวน์โหลดจะนำคุณกลับไปยังหน้าเครื่องมือ เก็บรูปภาพต้นฉบับไว้เพราะภาพคอลลาจที่รวมเลเยอร์แล้วจะไม่สามารถแก้ไขเลเยอร์ต้นฉบับได้
การเปรียบเทียบในบทความใช้ตัวอย่าง WebP ที่เล็กกว่าของรูปภาพต้นฉบับและผลลัพธ์ ไฟล์ที่ดาวน์โหลดจริงยังคงเป็น 2000 x 2000 PNG
คำถามที่พบบ่อย
ฉันสามารถรวมรูปภาพเพียงสองรูปได้ไหม?
ได้ อัปโหลดรูปภาพสองรูปแล้วเลือก เคียงข้างกัน, ซ้อนกัน หรือเค้าโครงอื่น คุณสามารถปรับผืนผ้าใบ ระยะห่าง และการจัดเฟรมได้เช่นเดียวกับคอลลาจขนาดใหญ่
ฉันสามารถเก็บขอบต้นฉบับทั้งหมดไว้ได้ไหม?
ใช้ แสดงรูปภาพทั้งหมด พร้อมซูม 100% เมื่อเฟรมมีรูปร่างต่างจากรูปภาพ พื้นหลังที่เลือกจะเติมเต็มพื้นที่ที่เหลือ
เอาต์พุตจะเก็บภาพเคลื่อนไหวและข้อมูลเมตาของกล้องไว้หรือไม่?
ไม่ เครื่องมือจะใช้เฟรมภาพนิ่งแรก ปรับการวางแนว และลบข้อมูลเมตาของต้นฉบับออก โดยจะสร้างเป็นรูปภาพที่รวมเลเยอร์แล้วโดยไม่มีภาพเคลื่อนไหวหรือเลเยอร์ต้นฉบับ
คอลลาจสุดท้ายสร้างขึ้นในเบราว์เซอร์หรือไม่?
เบราว์เซอร์จะแสดงองค์ประกอบแบบสด เริ่มต้นอัปโหลดรูปภาพต้นฉบับและเค้าโครงเพื่อแสดงผลไฟล์สุดท้ายบนเซิร์ฟเวอร์ บางรูปแบบยังต้องมีการแสดงตัวอย่างบนเซิร์ฟเวอร์ก่อนแก้ไข
สร้างคอลลาจที่ให้พื้นที่กับรูปถ่ายแต่ละรูป
ลองใช้ตัวอย่างหรือใช้ไฟล์ของคุณเอง และตรวจสอบผลลัพธ์ก่อนแชร์