สร้างสรรค์

แต่งภาพหน้าจอ

ระยะขอบ มุมมน เงานุ่ม ๆ และพื้นไล่สีข้างหลัง

สร้างสรรค์

☞ ทำงานในเบราว์เซอร์ของคุณทั้งหมด — ไม่มีการอัปโหลดไฟล์

วางรูปของคุณที่นี่

หรือคลิกเพื่อเลือก — PNG, JPG, WebP หรือ GIF

กรอบต่างหากที่สำคัญ

ภาพหน้าจอดิบ ๆ วางในสไลด์แล้วดูไม่เข้าพวก

ภาพหน้าจอคือสี่เหลี่ยมที่จบลงกะทันหัน วางลงในสไลด์หรือโพสต์แล้วมันอ่านได้เหมือนสิ่งแปลกปลอม ขอบที่แข็งชนกับอะไรก็ตามที่อยู่ข้างหลังโดยตรง และไม่มีช่องว่างทางสายตาเลยระหว่างหน้าจอที่คุณจับภาพมากับเอกสารที่บรรจุมันไว้ สิ่งที่แก้ได้ไม่ใช่ฟิลเตอร์ แต่เป็นพื้นที่ว่างรอบภาพ มุมที่ถูกทำให้นุ่มลง และบางอย่างที่ยกสี่เหลี่ยมนั้นให้ลอยเหนือพื้นหลังแทนที่จะแนบติดไปกับมัน

นั่นคือสามค่า และที่นี่ทั้งสามเป็นเปอร์เซ็นต์ ไม่ใช่พิกเซล ระยะขอบ 20 พิกเซลดูใจกว้างรอบภาพย่อ 400 พิกเซล แต่มองไม่เห็นเลยรอบภาพหน้าจอเรตินา 3000 พิกเซล การคิดเป็นเปอร์เซ็นต์ของด้านสั้นทำให้ค่าเดียวกันดูตั้งใจในทั้งสองมาตราส่วน เงาก็วัดแบบเดียวกัน มันจึงคงสัดส่วนไว้แทนที่จะกลายเป็นเส้นดำแข็ง ๆ บนภาพหน้าจอขนาดใหญ่

สามขั้นตอน

วิธีแต่งภาพหน้าจอ

01

ลากภาพหน้าจอมาวาง

PNG, JPG, WebP หรือ GIF ถอดรหัสในหน้าเว็บและไม่เคยอัปโหลด

02

ตั้งระยะขอบ มุม และเงา

เริ่มจากค่าเริ่มต้นแล้วปรับ พื้นหลังคุมด้วยช่องสีสองช่อง สีต่างกันได้การไล่สีแนวทแยง สีเดียวกันได้พื้นเรียบ

03

ดาวน์โหลด

PNG ทำให้ตัวอักษรในหน้าจอคมชัด ซึ่งมักเป็นเหตุผลของการจับภาพหน้าจอ ส่วน JPEG เล็กกว่าเมื่อภาพที่จับมาเป็นภาพถ่ายเสียส่วนใหญ่

ตอบสั้น ๆ

คำถามที่พบบ่อยเรื่องแต่งภาพหน้าจอ

ทำไมระยะขอบและมุมถึงเป็นเปอร์เซ็นต์ ไม่ใช่พิกเซล

เพราะค่าพิกเซลใช้ได้กับขนาดภาพเดียวเท่านั้น สิบเปอร์เซ็นต์ของด้านสั้นดูเหมือนกันทั้งบนภาพหน้าจอ 400 และ 3000 พิกเซล ขณะที่ 40 พิกเซลคือขอบกว้างบนภาพแรกและเส้นบางเท่าเส้นผมบนภาพหลัง ถ้าคุณต้องทำตามข้อกำหนดที่เป็นตัวเลข ค่าพิกเซลที่แปลงแล้วแสดงอยู่ใต้ตัวอย่าง

จะเอาพื้นสีเรียบแทนการไล่สีต้องทำอย่างไร

ตั้งช่องสีทั้งสองให้เป็นค่าเดียวกัน การไล่สีจะปรากฏก็ต่อเมื่อสองสีต่างกัน เมื่อเท่ากันพื้นหลังจะถูกเติมด้วยสีเดียวนั้น

ควรส่งออกเป็น PNG หรือ JPEG

PNG สำหรับอะไรก็ตามที่มีตัวอักษรของหน้าจอ การบีบอัดแบบ JPEG ทิ้งรัศมีไว้รอบขอบตัวอักษรที่คม ซึ่งภาพหน้าจอก็ประกอบขึ้นจากขอบแบบนั้นทั้งนั้น JPEG จะดีกว่าก็ต่อเมื่อภาพที่จับมาเป็นภาพถ่ายเป็นหลัก

เงาใช้ได้กับการส่งออกแบบโปร่งใสไหม

เครื่องมือนี้จะวาดพื้นหลังเสมอ เพราะพื้นหลังคือส่วนหนึ่งของผลลัพธ์ ภาพหน้าจอที่ "แต่งแล้ว" แต่ขอบโปร่งใสจะปล่อยให้สิ่งที่อยู่ข้างหลังทะลุออกมา และทำให้เสียความหมายไปทั้งหมด ถ้าต้องการมุมโปร่งใส ให้ใช้เครื่องมือมุมมนแทน

มีขีดจำกัดขนาดไหม

ไฟล์ไม่เกิน 25 MB และหากผลลัพธ์หลังใส่ระยะขอบเกินกว่าที่แคนวาสของเบราว์เซอร์วาดได้ ไฟล์ส่งออกจะถูกย่อให้พอดี ตัวอย่างจะบอกไว้เมื่อเกิดกรณีนั้น แทนที่จะยื่นไฟล์เปล่าให้คุณ

มีอะไรถูกอัปโหลดไหม

ไม่มี ภาพหน้าจอถูกถอดรหัส วาด และเข้ารหัสใหม่ในเบราว์เซอร์ของคุณ เรื่องนี้สำคัญกว่าในเครื่องมืออื่น ๆ เพราะภาพหน้าจอมักมีสิ่งที่คุณไม่อยากให้ไปอยู่บนเซิร์ฟเวอร์ของคนอื่นพอดี