อัปโหลด JPG, PNG, WebP หรือ AVIF แล้วดาวน์โหลดรูปวงกลมพื้นหลังโปร่งใสได้เลย
หรือลากรูปมาที่นี่
กำลังครอป…
ครอปรูปเป็นวงกลมได้เลยในเบราว์เซอร์ โดยไม่ต้องติดตั้งโปรแกรม อัปโหลดไฟล์ JPG, PNG, WebP หรือ AVIF แล้ว Cropper.js จะเปิดรูปพร้อมกรอบวงกลมให้ทันที ลากกรอบเพื่อจัดองค์ประกอบ ปรับขนาดวงกลมให้ครอบคลุมส่วนที่ต้องการ แล้วกดบันทึก ระบบจะเข้ารหัสและดาวน์โหลดไฟล์ลงอุปกรณ์ของคุณโดยตรง ผลลัพธ์ที่ได้เป็น PNG หรือ WebP ที่มีพื้นหลังโปร่งใสนอกวงกลม หรือจะเลือก AVIF สำหรับไฟล์ที่เล็กที่สุด และ JPEG หากต้องการพื้นหลังสีทึบ รองรับไฟล์สูงสุด 25 MB และ 16 เมกะพิกเซล เครื่องมือทำงานเหมือนกันบนเดสก์ท็อป Windows, macOS, Linux และมือถือทั้ง iOS และ Android เพราะใช้แค่ JavaScript กับ Canvas API ที่เบราว์เซอร์ทุกตัวรองรับ ตรวจสอบได้จาก Network tab ใน DevTools ว่าไม่มีคำขอ POST ส่งข้อมูลรูปออกไประหว่างที่ครอป งานที่พบบ่อยที่สุดคือการทำรูปโปรไฟล์วงกลมขนาด 400x400 สำหรับ LinkedIn, ไอคอนอวตารบน Discord และ Slack รวมถึงรูปโพสต์ทรงกลมบน Instagram และ Facebook ไฟล์ต้นฉบับไม่เคยออกจากแท็บที่เปิดอยู่ จึงเหมาะกับรูปส่วนตัว เอกสารระบุตัวตน และภาพถ่ายของลูกค้าที่ห้ามส่งขึ้นคลาวด์ตามนโยบายขององค์กร
วาง JPG, PNG, WebP หรือ AVIF ลงบนหน้านี้ Cropper.js v2 จะเปิดรูปขึ้นบนสเตจวงกลมที่มีมาสก์ทันที พื้นที่มืดรอบนอกคือส่วนที่จะถูกตัดออก และวงกลมสว่างตรงกลางคือส่วนที่เก็บไว้ ลากวงกลมเพื่อจัดให้ตัวแบบอยู่กลาง ปรับขนาดด้วยปุ่มที่มุมหรือบีบนิ้วบนหน้าจอสัมผัส เมื่อองค์ประกอบลงตัวแล้ว เลือกรูปแบบไฟล์และกดบันทึก เบราว์เซอร์จะเข้ารหัสไฟล์ในเครื่องและสั่งดาวน์โหลดให้โดยตรง เปิด Network tab ใน DevTools ระหว่างครอปแล้วสังเกตว่าไม่มีรายการคำขอ POST เกิดขึ้นเลยทั้งตอนอัปโหลด ลาก และบันทึก
มีให้เลือก 4 รูปแบบในการบันทึก PNG คือค่าเริ่มต้น ให้วงกลมพื้นหลังโปร่งใสและเหมาะที่สุดสำหรับโลโก้และอวตาร WebP เล็กกว่า PNG ประมาณ 25-35% และยังคงพื้นหลังโปร่งใสได้เหมือนกัน AVIF เล็กที่สุดในกลุ่มที่โปร่งใสได้ แต่ตัวเข้ารหัสบนมือถือระดับกลางอาจใช้เวลาประมาณ 30 วินาทีสำหรับรูป 8 เมกะพิกเซล JPEG เข้ารหัสเร็วที่สุดและเหมาะกับแพลตฟอร์มที่ไม่รองรับไฟล์โปร่งใส แต่ผลลัพธ์จะเป็นวงกลมที่มีพื้นสีทึบเพราะ JPEG ไม่มี alpha channel ในสเปก เลือกตามปลายทางที่จะนำไปใช้และน้ำหนักไฟล์ที่ต้องการ
แพลตฟอร์มโซเชียลส่วนใหญ่แสดงรูปโปรไฟล์เป็นวงกลม LinkedIn แสดงที่ประมาณ 400×400 px บนหน้าโปรไฟล์ Discord ใช้ guild icon ได้สูงสุด 512×512 px และ user avatar 128×128 px ใน server member list Instagram แสดงรูปโปรไฟล์เป็นวงกลมประมาณ 110 px บนมือถือ ส่วน Slack รองรับ workspace avatar ได้สูงสุด 512×512 px LINE OA ก็แสดงรูปโปรไฟล์เป็นวงกลมเช่นกัน เครื่องมือนี้ export ที่ความละเอียดเดิมของรูปต้นฉบับ หากต้องการขนาดพิกเซลที่แน่นอนสำหรับแต่ละแพลตฟอร์ม ให้ปรับขนาดก่อนแล้วจึงครอปวงกลม
เครื่องมือมีขีดจำกัดที่ตรงไปตรงมา ไฟล์อัปโหลดสูงสุดอยู่ที่ 25 MB และความละเอียด 16 เมกะพิกเซล หากเกินจะแสดงข้อผิดพลาดที่เป็นมิตรพร้อมคำอธิบาย HEIC รองรับเฉพาะ Safari เท่านั้น เพราะ Chrome, Firefox และ Edge ยังไม่รองรับการ decode HEIC ในปี 2026 GIF อัปโหลดได้แต่จะใช้เฉพาะเฟรมแรก แอนิเมชันจะไม่ถูกเก็บไว้ในผลลัพธ์ AVIF เข้ารหัสช้าบนมือถือระดับกลาง อาจใช้เวลาประมาณ 30 วินาทีสำหรับรูป 8 เมกะพิกเซล และเครื่องมือนี้ไม่มี AI ตรวจจับใบหน้าอัตโนมัติ การวางวงกลมเป็นการจัดเองทุกครั้ง
Cropper.js รันการครอปใน Canvas API ของเบราว์เซอร์ และตัวเข้ารหัสไฟล์ (เช่น canvas.toBlob สำหรับ PNG/JPEG หรือ @jsquash/avif สำหรับ AVIF) ก็รันในเบราว์เซอร์เช่นกัน ไฟล์ที่ดาวน์โหลดมาจาก blob URL ที่อยู่ในเครื่องเท่านั้น วิธีตรวจสอบที่ตรงไปตรงมาที่สุดคือเปิด DevTools ไปที่แท็บ Network กด Clear แล้วลองอัปโหลดและครอปรูป จะเห็นว่าไม่มีคำขอ POST หรือ PUT ที่ส่งข้อมูลรูปออกไปยังเซิร์ฟเวอร์ใด คำขอที่ปรากฏมีเฉพาะ asset ของหน้า เช่น JS, CSS และฟอนต์ ที่โหลดมาก่อนหน้านี้แล้ว
การอัปโหลดรูปสี่เหลี่ยมแล้วให้แพลตฟอร์มตัดเองมักทำให้ใบหน้าถูกตัดหรือมีพื้นที่ว่างเกินไป การครอปเองก่อนทำให้คุณควบคุมได้ว่าส่วนไหนของรูปจะอยู่ในวงกลม เหมาะกับรูปโปรไฟล์บุคคล โลโก้วงกลม รูปสมาชิกทีมบนหน้า About หรือ Discord server icon รวมถึงรูปโปรไฟล์ LINE OA ข้อสังเกตจากประสบการณ์ใช้งานจริง รูปที่มีใบหน้าอยู่กลางและมีพื้นที่รอบหัวเล็กน้อยจะอ่านง่ายกว่าในวงกลมขนาดเล็ก การเว้นช่องว่างประมาณ 10-15% รอบหัวก่อนปรับวงกลมช่วยให้ผลลัพธ์ดูสมดุล
คลิกพื้นที่อัปโหลดหรือลากไฟล์ JPG, PNG, WebP, AVIF หรือ GIF มาวางบนหน้านี้ กรอบวงกลมจะเปิดขึ้นให้ทันที
ลากวงกลมเพื่อให้ใบหน้าหรือโลโก้อยู่กลาง ปรับขนาดด้วยการบีบนิ้วหรือเลื่อนปุ่มมุมจนองค์ประกอบที่ต้องการอยู่ในกรอบ
เลือก PNG หรือ WebP สำหรับวงกลมพื้นหลังโปร่งใส AVIF สำหรับไฟล์ที่เล็กที่สุด หรือ JPEG หากต้องการพื้นสีทึบ
เบราว์เซอร์จะเข้ารหัสผลลัพธ์และดาวน์โหลดไฟล์ลงอุปกรณ์ของคุณโดยตรง ชื่อไฟล์จะเก็บชื่อเดิมและมีคำต่อท้าย -circle
เครื่องมือนี้ทำได้รูปเดียวคือวงกลม สำหรับครอปสี่เหลี่ยมแบบอิสระให้ใช้ crop image สำหรับ Instagram feed (1080×1080) ให้ใช้ crop to square หรือเครื่องมือครอปเฉพาะแพลตฟอร์ม
เครื่องมือนี้ทำงานในเบราว์เซอร์โดยตรง Cropper.js รันการครอปใน Canvas API โดยไม่ส่งรูปออกไปยังเซิร์ฟเวอร์ใด ต่างจากแอปบนมือถือที่ต้องติดตั้ง และต่างจากเครื่องมือออนไลน์ที่อัปโหลดรูปไปประมวลผลบน cloud ผลลัพธ์คือ PNG, WebP หรือ AVIF ที่มีพื้นหลังโปร่งใสรอบวงกลม เปิด DevTools แท็บ Network ระหว่างครอปเพื่อยืนยันว่าไม่มีคำขอ POST ส่งข้อมูลรูปออก
ใช้งานได้ฟรีในเบราว์เซอร์ ไม่ต้องดาวน์โหลดหรือติดตั้งโปรแกรมใด รองรับเบราว์เซอร์ทันสมัยทั้งบนคอมพิวเตอร์และมือถือ เปิดหน้าเว็บแล้วอัปโหลดรูปได้เลย ผลลัพธ์ที่ดาวน์โหลดไม่มีลายน้ำ
อัปโหลดได้ทั้ง JPG, PNG, WebP, AVIF, GIF (เฉพาะเฟรมแรก ไม่รักษาแอนิเมชัน), BMP และ SVG ส่วน HEIC รองรับเฉพาะ Safari เท่านั้น เพราะ Safari จัดการ HEIC ได้ผ่าน createImageBitmap แต่ Chrome, Firefox และ Edge ยังไม่รองรับในปี 2026 ระบบตรวจสอบประเภทไฟล์จาก magic bytes ไม่ใช่จากนามสกุลไฟล์ ดังนั้นไฟล์ที่เปลี่ยนชื่อก็ยังถูกตรวจพบได้ถูกต้อง
มีให้เลือก 4 รูปแบบ PNG มีพื้นหลังโปร่งใสนอกวงกลมและเป็นค่าเริ่มต้น WebP เล็กกว่า PNG ประมาณ 25-35% และโปร่งใสได้เช่นกัน AVIF เล็กที่สุดในสามรูปแบบที่โปร่งใสได้ แต่อาจใช้เวลาเข้ารหัสนานถึง 30 วินาทีบนมือถือระดับกลาง ส่วน JPEG ผลิตวงกลมที่มีพื้นสีทึบ ไม่รองรับโปร่งใส
ได้ PNG, WebP และ AVIF รองรับ alpha channel ดังนั้นพื้นที่นอกวงกลมจะโปร่งใสสมบูรณ์ เมื่อเปิดไฟล์ในโปรแกรมดีไซน์หรือแอปส่งข้อความส่วนใหญ่ พื้นหลังจะแสดงเป็นลายตารางหมากรุก ซึ่งแสดงว่าโปร่งใส JPEG ไม่รองรับโปร่งใส การเลือก JPEG จะให้คุณเลือกสีพื้นหลังแทน ไฟล์ที่ได้เหมาะสำหรับวางทับภาพใน Figma หรือ Canva โดยไม่เกิดขอบสีขาว
เครื่องมือนี้ทำงานในเบราว์เซอร์ทันสมัยทั้งบน iPhone, iPad และ Android ปุ่มลากตอบสนองต่อการสัมผัสและการบีบนิ้ว ข้อจำกัดหลักบนมือถือคือเวลาเข้ารหัส AVIF รูปความละเอียดสูงอาจใช้เวลา 30 วินาทีขึ้นไปเพราะตัวเข้ารหัส WASM ทำงานบน CPU ส่วน PNG และ WebP เร็วกว่ามากและเหมาะกับมือถือระดับกลาง
บันทึกจากทีมเกี่ยวกับงานฝีมือ รูปแบบ และการตัดสินใจเล็กๆ ที่อยู่เบื้องหลังการครอบตัดวงกลมที่ดี