โปรแกรมปรับมุมภาพให้โค้งมน

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

ทำไมมุมโค้งมนถึงสำคัญในการออกแบบ

มุมโค้งมนมีอยู่ทั่วไปใน UI สมัยใหม่ — ไอคอนแอป (iOS ใช้รัศมีมุม 20%), รูปโปรไฟล์ (แพลตฟอร์มส่วนใหญ่แสดงเป็นวงกลม), เลย์เอาต์การ์ด, ภาพตัวอย่างในแอปแชท ภาพที่มีขอบเหลี่ยมเมื่อวางลงใน UI ที่มีมุมโค้งมนจะดูไม่เข้ากัน การทำให้มุมโค้งล่วงหน้าที่ต้นทางช่วยให้ภาพเข้ากันได้อย่างลงตัวโดยไม่ต้องใช้เทคนิค CSS ปลายทาง

ผลลัพธ์เป็น PNG โปร่งใสที่มุมโปร่งใสจริง (ช่องอัลฟา = 0) วางลงบนพื้นหลังใดก็ได้ — สว่าง มืด เกรเดียนต์ — มุมจะดูเป็นธรรมชาติ

วิธีทำให้มุมภาพโค้งมน

1. วางภาพของคุณ JPG, PNG, WebP, HEIC สูงสุด 50 MP ฟรี
2. ลากแถบเลื่อนรัศมี 0 = เหลี่ยม (ไม่เปลี่ยนแปลง), 50% = รูปทรงเม็ดยา, 100% = วงกลมเต็ม ดูตัวอย่างสดได้ผลลัพธ์
3. เลือกค่าที่ตั้งไว้ หากต้องการลุคเฉพาะ:
   • ไอคอนแอป iOS — รัศมี 22.5% (มาตรฐาน iOS 7+)
   • Material Design — รัศมี 12%
   • การ์ดนุ่ม — รัศมี 8% (UI การ์ดทั่วไป)
   • เม็ดยา — รัศมี 50%
   • วงกลม — รัศมี 100% (ครอบตัดเป็นสี่เหลี่ยมก่อนอัตโนมัติ)
4. ดาวน์โหลด PNG มุมโปร่งใส ผลลัพธ์เป็น PNG-24 พร้อมอัลฟา

มุมโค้งมน vs ครอบตัดวงกลม vs ลบพื้นหลัง

มุมโค้งมน (เครื่องมือนี้): ภาพทั้งหมดยังคงอยู่ เฉพาะมุมที่โค้งมนเท่านั้น ใช้สำหรับการ์ด ภาพหน้าจอแอป ตัวอย่างการออกแบบ

ครอบตัดวงกลม (เครื่องมือนี้ รัศมี 100%): ภาพกลายเป็นวงกลม ใช้สำหรับรูปโปรไฟล์

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

เคล็ดลับการเลือกรัศมีที่เหมาะสม

จับคู่กับ UI ปลายทาง หากคุณกำลังวางภาพลงในการ์ด Material Design ให้ใช้รัศมี 12% หากลงในแอป iOS ให้ใช้ 22.5% หากต้องการลุค "การ์ดนุ่ม" ทั่วไป รัศมี 8% จะดูเป็นกลาง

ภาพใหญ่ต้องการรัศมีใหญ่ ภาพขนาด 1000×1000 พิกเซลที่มีมุมโค้ง 8px แทบจะดูไม่โค้ง แต่ถ้าใช้ 8% (= 80px) จะดูตั้งใจ ใช้แถบเลื่อนเปอร์เซ็นต์แทนค่าพิกเซลสัมบูรณ์

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