วิธีครอบ (Crop) รูปภาพเป็นวงกลม (ฟรี ไม่ต้องอัปโหลด)

รูปโปรไฟล์แบบกลมอยู่ทุกที่ — Slack, Zoom, Teams, Google accounts, WhatsApp, WordPress author avatars และหน้า team page ส่วนใหญ่ของเว็บไซต์ ดังนั้นเมื่อใครบางคนถามว่าจะครอบรูปภาพเป็นวงกลมได้อย่างไร คำตอบที่สุจริตมักจะทำให้พวกเขาประหลาดใจ: คุณเกือบไม่เคยต้องมีไฟล์วงกลม คุณต้องการรูปสี่เหลี่ยมจัตุรัสที่สมบูรณ์แบบโดยให้วิชาอยู่ตรงกลาง และแอปพลิเคชันจะวาดวงกลมให้คุณ

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

เหตุใดการครอบเป็นสี่เหลี่ยมจัตุรัสจึงเป็นคำตอบ 90% ของเวลา

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

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

ทีละขั้นตอน: การครอบสี่เหลี่ยมจัตุรัสตรงกลาง

1. เปิดเครื่องมือครอบในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลด — รูปภาพจะได้รับการประมวลผลบนอุปกรณ์ของคุณเอง ดังนั้นรูปภาพใบหน้าของคุณจึงไม่ได้ออกจากแล็ปท็อปของคุณ
2. ลากการเลือก 1:1 square ล็อกอัตราส่วนของลักษณะหากเครื่องมือมี ดังนั้นคุณจึงไม่ลงเอยด้วยพิกเซล 4 พิกเซลออกและได้อวตารที่บีบอัด
3. ตำแหน่งการเลือกเพื่อให้เนื้อหาที่สำคัญนั่งอยู่ในส่วนตรงกลางที่สาม สำหรับภาพหัวไหล่: ตาประมาณหนึ่งในสามของทางลงมา และช่องว่างที่มองเห็นได้ของพื้นหลังเหนือหัวและทั้งสองข้าง
4. ส่งออก จากนั้นตรวจสอบผลลัพธ์โดยการจินตนาการวงกลมที่วาดไว้ข้างใน สิ่งใดที่สัมผัสมุมจะหายไป
5. หากไฟล์มีขนาดใหญ่กว่าที่คุณต้องการ ให้ใช้กับresize — 400×400 หรือ 512×512 นั้นเพียงพอสำหรับสล็อตอวตารเกือบทั้งหมด — จากนั้นcompressหากมีขีดจำกัดขนาดอัปโหลด

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

โลโก้และรูปสินค้า

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

เมื่อคุณต้องการรูปภาพแบบกลมจริงๆ

มีกรณีบางกรณีที่สี่เหลี่ยมจัตุรัสจะไม่ได้ผล: วางภาพหัวไหล่แบบกลมบนสไลด์สีที่ระบายสี แผ่นพิมพ์ หรือลายเซ็นอีเมลที่ไม่มีหน้ากาก CSS อยู่ ตัวเลือก ง่ายที่สุดก่อน:

• PowerPoint / Google Slides / Canva: แทรกรูปภาพสี่เหลี่ยมจัตุรัสของคุณ จากนั้นใช้ crop shape ("Crop to shape → Oval") เนื่องจากรูปภาพของคุณเป็นสี่เหลี่ยมจัตุรัสแล้ว รูปวงรีจึงกลายเป็นวงกลมที่สมบูรณ์แบบ
• หน้าเว็บ: เก็บไฟล์สี่เหลี่ยมจัตุรัสและเพิ่ม border-radius: 50% ใน CSS บรรทัดเดียว ไม่มีการแก้ไขรูปภาพ และไฟล์จะยังคงเล็กกว่า
• Word หรือลายเซ็นอีเมล: แทรกรูปภาพ จากนั้น Picture Format → Crop to Shape → Oval

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

บันทึกเป็น PNG หากมีความโปร่งใส

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

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