[{"data":1,"prerenderedAt":11},["ShallowReactive",2],{"guide:th:blog\u002Fcrop-photo-into-circle":-1,"article-th-crop-photo-into-circle":3},{"slug":4,"title":5,"description":6,"date":7,"keyword":8,"tool":9,"html":10},"crop-photo-into-circle","วิธีครอบ (Crop) รูปภาพเป็นวงกลม (ฟรี ไม่ต้องอัปโหลด)","ต้องการรูปโปรไฟล์แบบกลมหรือโลโก้? นี่คือวิธีครอบรูปภาพเป็นวงกลมในเบราว์เซอร์ของคุณ ฟรี ไม่ต้องอัปโหลด และไม่ต้องลงทะเบียน","2026-09-14","crop photo into circle","crop-image","\u003Cp>รูปโปรไฟล์แบบกลมอยู่ทุกที่ — Slack, Zoom, Teams, Google accounts, WhatsApp, WordPress author avatars และหน้า team page ส่วนใหญ่ของเว็บไซต์ ดังนั้นเมื่อใครบางคนถามว่าจะครอบรูปภาพเป็นวงกลมได้อย่างไร คำตอบที่สุจริตมักจะทำให้พวกเขาประหลาดใจ: \u003Cstrong>คุณเกือบไม่เคยต้องมีไฟล์วงกลม\u003C\u002Fstrong> คุณต้องการรูปสี่เหลี่ยมจัตุรัสที่สมบูรณ์แบบโดยให้วิชาอยู่ตรงกลาง และแอปพลิเคชันจะวาดวงกลมให้คุณ\u003C\u002Fp>\n\u003Cp>นี่คือวิธีการได้รูปสี่เหลี่ยมจัตุรัสให้ถูกต้อง และในกรณีหายากที่คุณต้องการรูปภาพวงกลมที่มีมุมโปร่งใสจริงๆ ควรทำอย่างไร\u003C\u002Fp>\n\u003Ch2>เหตุใดการครอบเป็นสี่เหลี่ยมจัตุรัสจึงเป็นคำตอบ 90% ของเวลา\u003C\u002Fh2>\n\u003Cp>แอปพลิเคชันที่แสดงอวตารแบบวงกลมไม่ได้เก็บรูปภาพแบบกลม พวกเขาเก็บการอัปโหลดสี่เหลี่ยมจัตุรัส (หรือสี่เหลี่ยมผืนผ้า) ของคุณและใช้หน้ากากวงกลม CSS ด้านบน วงกลมที่จารึกไว้ในสี่เหลี่ยมจัตุรัสจะสัมผัสตรงกลางของแต่ละขอบ ดังนั้นพื้นที่ที่มองเห็นได้จึงเป็นสี่เหลี่ยมจัตุรัสลบสี่มุม — ประมาณ 21% ของภาพจะถูกซ่อนไว้\u003C\u002Fp>\n\u003Cp>นั่นคือส่วนที่ผู้คนเข้าใจผิด หากคุณอัปโหลดรูปภาพที่หัวของคุณเต็มเฟรมจากขอบถึงขอบ หน้ากากวงกลมจะตัดด้านบนของผมและหูทั้งสองข้างออก ครอบสำหรับวงกลม ไม่ใช่สำหรับสี่เหลี่ยมจัตุรัส\u003C\u002Fp>\n\u003Ch2>ทีละขั้นตอน: การครอบสี่เหลี่ยมจัตุรัสตรงกลาง\u003C\u002Fh2>\n\u003Col>\n\u003Cli>เปิด\u003Ca href=\"\u002Fth\u002Fcrop-image\">เครื่องมือครอบ\u003C\u002Fa>ในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลด — รูปภาพจะได้รับการประมวลผลบนอุปกรณ์ของคุณเอง ดังนั้นรูปภาพใบหน้าของคุณจึงไม่ได้ออกจากแล็ปท็อปของคุณ\u003C\u002Fli>\n\u003Cli>ลาก\u003Cstrong>การเลือก 1:1 square\u003C\u002Fstrong> ล็อกอัตราส่วนของลักษณะหากเครื่องมือมี ดังนั้นคุณจึงไม่ลงเอยด้วยพิกเซล 4 พิกเซลออกและได้อวตารที่บีบอัด\u003C\u002Fli>\n\u003Cli>ตำแหน่งการเลือกเพื่อให้เนื้อหาที่สำคัญนั่งอยู่ในส่วนตรงกลางที่สาม สำหรับภาพหัวไหล่: ตาประมาณหนึ่งในสามของทางลงมา และช่องว่างที่มองเห็นได้ของพื้นหลังเหนือหัวและทั้งสองข้าง\u003C\u002Fli>\n\u003Cli>ส่งออก จากนั้นตรวจสอบผลลัพธ์โดยการจินตนาการวงกลมที่วาดไว้ข้างใน สิ่งใดที่สัมผัสมุมจะหายไป\u003C\u002Fli>\n\u003Cli>หากไฟล์มีขนาดใหญ่กว่าที่คุณต้องการ ให้ใช้กับ\u003Ca href=\"\u002Fth\u002Fresize-image\">resize\u003C\u002Fa> — 400×400 หรือ 512×512 นั้นเพียงพอสำหรับสล็อตอวตารเกือบทั้งหมด — จากนั้น\u003Ca href=\"\u002Fth\u002Fcompress-image\">compress\u003C\u002Fa>หากมีขีดจำกัดขนาดอัปโหลด\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>การทดสอบสติอย่างรวดเร็ว: จับนิ้วหัวแม่มือของคุณไปที่แต่ละมุมของรูปภาพที่ส่งออก หากไม่มีสิ่งสำคัญอยู่ใต้นิ้วหัวแม่มือของคุณ การครอบวงกลมจะดูดี\u003C\u002Fp>\n\u003Ch3>โลโก้และรูปสินค้า\u003C\u002Fh3>\n\u003Cp>โลโก้เป็นกรณีที่ยากที่สุด เพราะ wordmark นั้นกว้าง และวงกลมนั้นไม่ใช่ ไม่ต้องย่อโลโก้ทั้งหมดจนกว่าจะพอดีกับวงกลม — มันจะมีลักษณ์เล็กน้อย ให้ครอบไปที่ไอคอนหรือส่วน monogram แทน ตรงกลาง พร้อมพื้นที่หายใจ หากโลโก้นั่งอยู่บนพื้นหลังที่คุณไม่ต้องการ\u003Ca href=\"\u002Fth\u002Fremove-background\">ลบพื้นหลัง\u003C\u002Fa>ก่อน และบันทึกเป็น PNG เพื่อให้พื้นที่โปร่งใสผสมเข้ากับสีใดก็ตามที่แพลตฟอร์มใช้\u003C\u002Fp>\n\u003Ch2>เมื่อคุณต้องการรูปภาพแบบกลมจริงๆ\u003C\u002Fh2>\n\u003Cp>มีกรณีบางกรณีที่สี่เหลี่ยมจัตุรัสจะไม่ได้ผล: วางภาพหัวไหล่แบบกลมบนสไลด์สีที่ระบายสี แผ่นพิมพ์ หรือลายเซ็นอีเมลที่ไม่มีหน้ากาก CSS อยู่ ตัวเลือก ง่ายที่สุดก่อน:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>PowerPoint \u002F Google Slides \u002F Canva:\u003C\u002Fstrong> แทรกรูปภาพสี่เหลี่ยมจัตุรัสของคุณ จากนั้นใช้ crop shape ("Crop to shape → Oval") เนื่องจากรูปภาพของคุณเป็นสี่เหลี่ยมจัตุรัสแล้ว รูปวงรีจึงกลายเป็นวงกลมที่สมบูรณ์แบบ\u003C\u002Fli>\n\u003Cli>\u003Cstrong>หน้าเว็บ:\u003C\u002Fstrong> เก็บไฟล์สี่เหลี่ยมจัตุรัสและเพิ่ม \u003Ccode>border-radius: 50%\u003C\u002Fcode> ใน CSS บรรทัดเดียว ไม่มีการแก้ไขรูปภาพ และไฟล์จะยังคงเล็กกว่า\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Word หรือลายเซ็นอีเมล:\u003C\u002Fstrong> แทรกรูปภาพ จากนั้น Picture Format → Crop to Shape → Oval\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>ในแต่ละอัน เริ่มต้นจากการครอบสี่เหลี่ยมจัตุรัสที่อยู่กึ่งกลางอย่างถูกต้องคือสิ่งที่ทำให้ผลลัพธ์ดูตั้งใจแทนที่จะถูกตัดหัวโดยไม่ได้ตั้งใจ\u003C\u002Fp>\n\u003Ch2>บันทึกเป็น PNG หากมีความโปร่งใส\u003C\u002Fh2>\n\u003Cp>หากรูปภาพแบบกลมของคุณจะมีมุมโปร่งใส จะต้องเป็น PNG — JPG ไม่มีช่องอัลฟ่า และจะเติมมุมด้วยสีขาว หากคุณต้องการสลับรูปแบบ\u003Ca href=\"\u002Fth\u002Fconvert-image\">ตัวแปลงรูปภาพ\u003C\u002Fa>จัดการ PNG, JPG และ WebP ในเบราว์เซอร์\u003C\u002Fp>\n\u003Cp>หมายเหตุสุดท้ายเกี่ยวกับความเป็นส่วนตัว: ภาพโปรไฟล์เป็นส่วนตัว และส่วนใหญ่ "ไซต์ crop circle ฟรี" ส่วนใหญ่จะอัปโหลดไฟล์ของคุณไปยังเซิร์ฟเวอร์เพื่อประมวลผล ทุกเครื่องมือ cutbg ทำงานทั้งหมดในเบราว์เซอร์ของคุณ — ไม่มีการอัปโหลด ไม่มีบัญชี ไม่มีสำเนาของใบหน้าของคุณนั่งอยู่ในที่เก็บข้อมูลของใครบางคน ปิดแท็บและมันจะหายไป\u003C\u002Fp>\n",1791831540250]