IMG.DIY / เพิ่มเติม / ครอปวงกลม

ครอปวงกลม

ครอปภาพถ่ายเป็นวงกลมหรือสี่เหลี่ยมมุมมนสะอาด ๆ พร้อมพื้นหลังโปร่งใส — พร้อมสำหรับอวาตาร์

ครอปวงกลม visual example
ความเป็นส่วนตัวมาก่อน: ไม่มีการอัปโหลด

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

ครอปวงกลม: 1 · Choose input
1 · Choose input
ครอปวงกลม: 2 · Adjust and process
2 · Adjust and process
ครอปวงกลม: 3 · Download result
3 · Download result

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

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

วิธีใช้งาน

  1. เพิ่มภาพถ่ายลากภาพที่ต้องการเป็นอวาตาร์เข้ามา
  2. เลือกรูปทรงวงกลม สี่เหลี่ยมมุมมน หรือสี่เหลี่ยมจัตุรัสธรรมดา — พร้อมพื้นหลังโปร่งใสหรือขาว
  3. ดาวน์โหลด PNGบันทึก PNG พื้นหลังโปร่งใส ขนาดสี่เหลี่ยมจัตุรัสพร้อมใช้งาน

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

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

ผู้คนใช้ทำอะไรบ้าง

ทำรูปโปรไฟล์ทรงกลมสำหรับ Slack ฟอรัม หรือแอปแชต พร้อมมุมโปร่งใสสะอาดตา

เปลี่ยนโลโก้ที่อยู่กึ่งกลางให้เป็นตราสัญลักษณ์วงกลมที่วางบนพื้นหลังสีไหนก็ได้

ส่งออกไอคอนแอปสี่เหลี่ยมมุมโค้ง โดยตั้งรัศมีมุมให้ตรงตามแพลตฟอร์มของคุณ

ตัดภาพพอร์ตเทรตครึ่งตัวเป็นวงกลม สำหรับหน้าทีมงานหรือประวัติผู้เขียน

ครอปภาพสินค้าเป็นสี่เหลี่ยมจัตุรัสกึ่งกลางเรียบ ๆ สำหรับภาพย่อในแคตตาล็อก

เตรียม PNG วงกลมโปร่งใสไว้วางทับหน้า landing สีเข้ม โดยไม่มีกล่องสีขาวติดมา

ทำไมรูปโปรไฟล์วงกลมมักดูเหมือนถูกตัดเฉือน

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

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

PNG โปร่งใสคือประเด็น

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

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

การจัดกลางทำงานอย่างไร และจุดที่มันช่วยไม่ได้

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

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

มันไม่เคยออกจากเครื่องของคุณ

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

ทำไมต้อง IMG.DIY

วงกลมจริง

มาสก์วงกลมสะอาด ไม่ใช่สี่เหลี่ยมที่มน CSS

ตัวเลือกมุมมน

รัศมีมุมปรับได้สำหรับสี่เหลี่ยมมุมมน

PNG โปร่งใส

มุมโปร่งใส จึงวางบนพื้นหลังใดก็ได้

เป็นส่วนตัว

ครอปในเครื่อง — ไม่มีการอัปโหลด

คำถามที่พบบ่อย

ทำไมพื้นหลังโปร่งใส?
เพื่อให้วงกลมวางได้อย่างสะอาดบนสีใดก็ได้ มุมนอกวงกลมจะโปร่งใสใน PNG เลือกสีขาวแทนถ้าคุณต้องการพื้นหลังทึบ
มันครอปเป็นสี่เหลี่ยมจัตุรัสก่อนไหม?
ใช่ — มันเอาสี่เหลี่ยมจัตุรัสที่ใหญ่ที่สุดที่จัดกึ่งกลางจากภาพของคุณ แล้วใช้มาสก์วงกลมหรือมุมมน ผลลัพธ์จึงเป็นสี่เหลี่ยมจัตุรัสและสมมาตรเสมอ
คุณภาพจะลดลงไหม?
ไม่ มาสก์ถูกใช้ที่ความละเอียดเต็มของภาพ มีเพียงมุมเท่านั้นที่ถูกลบ
อวาตาร์จะมีขนาดเท่าไร?
สี่เหลี่ยมจัตุรัส เท่ากับด้านที่สั้นกว่าของภาพต้นฉบับ แพลตฟอร์มส่วนใหญ่จะปรับขนาดให้พอดีกับวงกลมของมัน
ย้ายจุดครอปให้หน้าไม่อยู่กึ่งกลางได้ไหม?
ไม่ได้ การครอปยึดกับสี่เหลี่ยมจัตุรัสกึ่งกลางภาพ และไม่มีจุดจับให้เลื่อนตำแหน่ง ถ้าตัวแบบเยื้องไปด้านใดด้านหนึ่ง ให้ครอปภาพเข้าหาตัวแบบด้วยเครื่องมือครอปพื้นฐานใดก็ได้ก่อน แล้วค่อยนำผลลัพธ์มาครอปวงกลม
สี่เหลี่ยมมุมโค้งควรใช้รัศมีมุมเท่าไร?
ขึ้นอยู่กับลุคที่ต้องการ เลื่อนรัศมีขึ้นจนมุมดูนุ่มพอ รัศมีน้อยให้ความรู้สึกโค้งมนเล็กน้อยแบบการ์ด รัศมีมากจะเข้าใกล้วงกลมเต็มวง ไม่มีค่าที่ถูกต้องเพียงค่าเดียว — หยุดตรงจุดที่ดูใช่สำหรับงานของคุณ
ใช้บนโทรศัพท์ได้ไหม?
ได้ ทำงานในเบราว์เซอร์มือถือเหมือนบนเดสก์ท็อปทุกอย่าง เพราะการประมวลผลทั้งหมดเกิดขึ้นในเครื่อง ภาพต้นฉบับและหน้าจอที่ใหญ่กว่าช่วยให้กะการจัดวางง่ายขึ้น แต่ไม่ใช่สิ่งจำเป็น
ครอปวงกลมเป็นไฟล์อื่นที่ไม่ใช่ PNG เช่น JPEG ได้ไหม?
ไม่ได้ถ้าต้องการพื้นหลังโปร่งใส JPEG เก็บความโปร่งใสไม่ได้ มุมจึงต้องถูกเติมด้วยสีทึบ เครื่องมือนี้ส่งออกเป็น PNG เพื่อให้พื้นที่นอกรูปทรงว่างเปล่าได้จริง ถ้าเลือกส่งออกบนพื้นขาวแทน มุมก็จะเป็นสีขาว

เครื่องมือที่เกี่ยวข้อง

คู่มือและเคล็ดลับ