Cắt ảnh hình tròn

Dùng công cụ cắt ảnh hình tròn này để cắt ảnh, logo hoặc ảnh chụp màn hình thành hình tròn hoàn hảo hoặc hình oval điều chỉnh được, rồi lưu kết quả dưới dạng PNG trong suốt. Kéo ảnh trong mặt nạ tròn để quyết định phần nào được giữ, phóng to đến khi chủ thể lấp đầy khung, thêm viền vòng nếu muốn, và tải xuống ảnh đại diện sẵn dùng cho hồ sơ, trang nhóm, bìa podcast hoặc bộ slide.

Mọi thứ chạy trong trình duyệt của bạn với phần tử canvas HTML. Ảnh được giải mã tại chỗ, gắn mặt nạ tại chỗ và xuất tại chỗ, nên không bao giờ được tải lên miniwebtool và không có hàng đợi, không có hình mờ, cũng không có giới hạn tải lên ngoài bộ nhớ thiết bị của bạn.

Bạn có thể làm gì với công cụ này

Tính năng chính

• Kéo để lấy khung, cuộn hoặc chụm để phóng to: mặt nạ đứng yên trong khi ảnh di chuyển phía sau, cùng kiểu tương tác mà trình chỉnh ảnh đại diện dùng.
• Hiện vùng bị cắt: bóng mờ của các pixel bị bỏ vẫn hiện trong bản xem trước, để bạn biết mình có cắt mất tai hay vai không.
• Hình tròn hoặc hình oval: thanh tỷ lệ chiều cao trên chiều rộng biến hình tròn thành elip ngang hoặc dọc, và canvas xuất theo cùng hình đó.
• Xoay và lật gương: các bước 90 độ sửa ảnh điện thoại bị nghiêng, và lật gương đưa ảnh selfie về đúng hướng.
• Viền vòng và mép làm mềm: thêm vòng màu theo pixel đầu ra, hoặc làm mềm vành để ảnh đại diện hòa vào nền.
• PNG, WebP hoặc JPG trong suốt: giữ các góc trống với PNG và WebP, hoặc tô chúng bằng màu đã chọn với JPG.
• Cỡ ảnh đại diện có sẵn: một lần nhấp cho các cỡ ảnh hồ sơ phổ biến 320, 400, 512, 640 và 800 pixel.
• CSS sao chép được: đoạn mã tái tạo cùng ảnh đại diện tròn trên trang web với border-radius và object-fit.

Cách cắt ảnh thành hình tròn

1. Tải ảnh: kéo tệp vào vùng thả, chọn Chọn ảnh, hoặc dán ảnh đã sao chép bằng Ctrl+V.
2. Lấy khung chủ thể: kéo trong sân khấu để di chuyển ảnh và dùng thanh Phóng to, bánh xe cuộn hoặc cử chỉ chụm để chỉnh kích thước. Lấp đầy đặt lại về phần cắt sát nhất che kín mặt nạ và Vừa khít hiện toàn bộ ảnh bên trong.
3. Chọn hình dạng: giữ Hình tròn, hoặc chuyển sang Hình oval và đặt tỷ lệ chiều cao trên chiều rộng.
4. Tạo kiểu mép: đặt Viền vòng và màu của nó, làm mềm vành bằng Làm mềm mép, rồi chọn Trong suốt hoặc Nền màu đặc.
5. Kiểm tra bản xem trước nhỏ: xem các phiên bản 128, 64 và 32 pixel dưới sân khấu và phóng to thêm nếu khuôn mặt biến mất.
6. Xuất: chọn kích thước và định dạng đầu ra, rồi chọn Tải ảnh hình tròn.

Kích thước ảnh đại diện được hiển thị dạng hình tròn

Hầu hết nền tảng nhận ảnh vuông và tự áp mặt nạ tròn bằng CSS. Xuất PNG đã hình tròn vẫn hữu ích cho website, tài liệu và slide, và giúp bạn kiểm soát chính xác chỗ mặt nạ rơi. Đây là các kích thước tải lên an toàn:

Cách mặt nạ hình tròn được vẽ

Ảnh được vẽ lên canvas ở kích thước đầu ra, rồi chế độ composite của canvas chuyển sang destination-in và một elip được tô lên trên. Chỉ các pixel nằm dưới elip còn lại; mọi thứ khác trở nên hoàn toàn trong suốt. Khi Làm mềm mép lớn hơn không, elip được tô bằng gradient xuyên tâm thay vì màu đặc, nên giá trị alpha giảm dần và vành mờ ra thay vì kết thúc bằng đường cứng. Viền vòng, nếu bạn thêm, được vẽ nét sau cùng để không bị mặt nạ xóa.

Vì hình tròn nội tiếp trong hình vuông mà nó được cắt ra, kết quả tròn luôn chiếm khoảng 78,5 phần trăm diện tích hình vuông, và bốn góc chính là phần bạn mất. Đó là lý do phóng to nhẹ thường đúng cho chân dung: đỉnh đầu và vai nằm đúng các góc bị loại.

Mẹo để phần cắt vẫn rõ ở 32 pixel

• Lấp đầy hình tròn bằng khuôn mặt. Chừa một khoảng nhỏ phía trên đầu và để vai tràn ra mép; ảnh toàn thân sẽ thành một chấm không đọc được.
• Đặt mắt hơi trên tâm. Khuôn mặt đúng giữa hình tròn trông như đang chìm xuống.
• Ưu tiên nền trơn, tương phản. Chi tiết rối phía sau đầu trở thành nhiễu thị giác khi ảnh đại diện bị thu nhỏ.
• Đừng phóng to quá nguồn. Nếu nguồn rộng 200 pixel, xuất 800 pixel chỉ làm mờ; xuất bằng hoặc dưới kích thước nguồn đã khung.
• Thêm viền vòng cho giao diện tối. Vòng trắng khoảng một đến hai phần trăm giúp ảnh tối không hòa vào thanh bên trò chuyện tối.

Câu hỏi thường gặp

Ảnh của tôi có được tải lên máy chủ không?

Không. Tệp được trình duyệt đọc bằng FileReader API, vẽ lên canvas HTML và gắn mặt nạ tại đó. Không có gì được gửi tới miniwebtool, nên ảnh ở lại trên thiết bị của bạn ngay cả khi bạn đóng tab. Điều đó cũng nghĩa là công cụ vẫn hoạt động trên kết nối chậm sau khi trang đã tải, và không có hàng đợi tải lên hay giới hạn kích thước tệp ngoài bộ nhớ thiết bị của bạn.

Làm sao để vùng ngoài hình tròn vẫn trong suốt?

Đặt Nền thành Trong suốt và chọn PNG hoặc WebP làm định dạng đầu ra. Chỉ hai định dạng đó lưu kênh alpha. JPG hoàn toàn không có độ trong suốt, nên bốn góc quanh hình tròn được tô bằng màu nền, và công cụ tự chuyển nền sang màu đặc khi bạn chọn JPG.

Vì sao ảnh đại diện tròn vẫn trông vuông sau khi tôi tải lên?

Một số trang làm phẳng độ trong suốt lên nền trắng hoặc tối khi họ mã hóa lại tệp tải lên, khiến các góc trong suốt hiện lại. Nếu vậy, khớp màu nền với trang thay vì dùng độ trong suốt, hoặc tải lên bản gốc vuông và để trang tự áp mặt nạ hình tròn, điều hầu hết mạng xã hội làm bằng CSS.

Ảnh đại diện hình tròn nên có kích thước bao nhiêu?

512 nhân 512 pixel phù hợp gần như mọi hồ sơ, vì các trang thu nhỏ ảnh lớn hơn nhưng không bao giờ thêm chi tiết cho ảnh nhỏ. Cỡ phổ biến là 400 pixel cho X và LinkedIn, 320 cho Instagram, 512 cho Discord, 640 cho WhatsApp và 800 cho YouTube. Dùng các cỡ có sẵn trong mục Đầu ra và để trang tự thu nhỏ.

Tôi có thể cắt hình oval thay vì hình tròn hoàn hảo không?

Có. Chuyển hình dạng sang Hình oval và kéo thanh tỷ lệ chiều cao trên chiều rộng. Tỷ lệ dưới 100 phần trăm cho elip ngang rộng, tỷ lệ trên 100 phần trăm cho elip dọc kiểu chân dung, phù hợp ảnh đầu và vai. Canvas đầu ra đổi hình theo, nên hình oval rộng 512 pixel ở 130 phần trăm xuất thành 512 nhân 666 pixel.

Cắt hình tròn có làm giảm chất lượng ảnh không?

Bản thân việc cắt bỏ pixel ngoài hình tròn nhưng không nén lại phần còn lại khi bạn xuất PNG, vốn không mất dữ liệu. Chất lượng chỉ giảm nếu kích thước đầu ra lớn hơn vùng đã khung của ảnh gốc, vì trình duyệt phải phóng to, hoặc nếu bạn chọn JPG hoặc WebP, vốn mất dữ liệu. Phóng to quá khoảng 100 phần trăm trên ảnh nguồn nhỏ thường là nguyên nhân kết quả bị mềm.

Tôi có thể mở và lưu những loại tệp nào?

Bạn có thể mở bất kỳ thứ gì trình duyệt giải mã được thành ảnh, thường gồm JPG, PNG, WebP, GIF, BMP, AVIF và SVG. GIF động được cắt như một khung tĩnh. Tệp tải xuống mặc định là PNG, với WebP và JPG có trong danh sách Định dạng.