Chuyển tới nội dung chính
Platform/Tools/Image / Dev tools/Xoá nền trắng
IMAGE / DEV TOOLS

Xoá nền trắng → PNG trong suốt

Tự động xoá nền trắng → PNG trong suốt · 2 chế độ flood-fill / threshold · soft edge

PNGTrong suốtFree
Xoá nền ảnh
100% client-side · Canvas API · Không upload server
100% xử lý trên máy bạn — file không upload lên server
🪄
Bấm hoặc kéo ảnh có nền trắng
JPG · PNG · WebP — kết quả PNG trong suốt
Mẹo dùng:
  • Chụp sản phẩm trên nền trắng (giấy A4, vải trắng) → kết quả tốt nhất.
  • Logo/icon nền trắng → để mặc định Flood-fill, độ nhạy 40.
  • Nền hơi xám/be → tăng độ nhạy 60-80.
  • Object có vùng trắng bên trong → bắt buộc dùng Flood-fill.

Hướng dẫn xoá nền trắng

Ảnh sản phẩm chụp trên nền trắng (giấy A4, vải trắng, hộp trắng) rất phổ biến khi bán hàng online, nhưng nhiều nơi (sàn thương mại điện tử, banner, catalogue) cần ảnh nền trong suốt để ghép vào layout khác. Công cụ này xoá phần nền trắng của ảnh ngay trong trình duyệt, xuất ra file PNG có nền trong suốt, không cần cài phần mềm chỉnh ảnh.

Toàn bộ xử lý chạy bằng Canvas API của trình duyệt — ảnh gốc được đọc thành dữ liệu pixel cục bộ, xử lý, rồi xuất file ngay trên máy, không có bước gửi ảnh lên máy chủ nào. Với ảnh có tính riêng tư (logo nội bộ, chữ ký, tài liệu công ty) đây là điểm khác biệt quan trọng so với các dịch vụ xoá nền phải upload ảnh lên web.

Công cụ có 2 cách xử lý (flood-fill từ góc và threshold toàn bộ) cùng thanh trượt độ nhạy để điều chỉnh mức xoá phù hợp với từng loại ảnh.

Bảng màu thương hiệu trên bàn thiết kế
Ảnh sản phẩm và bộ màu thống nhất là phần khách nhìn thấy trước khi đọc bất kỳ dòng chữ nào.

2 phương pháp xoá nền

Phương phápCách hoạt độngKhi nào dùng
Flood-fill từ góc (khuyên dùng, mặc định)Chỉ lan từ 4 góc và viền ảnh vào trong, gặp vùng không phải trắng thì dừng lanVật thể có mảng trắng bên trong (áo trắng, logo có nét trắng) — vẫn giữ được phần trắng đó vì không tiếp giáp viền ảnh
Threshold toàn bộQuét toàn bộ ảnh, mọi pixel gần trắng đều bị xoá bất kể vị tríẢnh chỉ có nền trắng đơn giản, vật thể không có mảng trắng nào bên trong
Đúng 2 Mode trong component BgRemover; mặc định công cụ chọn sẵn Flood-fill vì an toàn hơn cho phần lớn ảnh sản phẩm.

Độ nhạy (tolerance) và mềm cạnh

Một pixel được coi là "gần trắng" khi khoảng cách của cả 3 kênh màu (đỏ, xanh lá, xanh dương) tới trắng tinh (255,255,255) đều nhỏ hơn hoặc bằng độ nhạy đã chọn (thang 5-100). Độ nhạy càng cao thì càng nhiều sắc thái gần trắng bị xoá theo, kể cả nền hơi xám hoặc hơi ngà.

Màu pixel (R,G,B)Độ nhạy 40Độ nhạy 60
(225, 230, 220) — gần trắngBị xoáBị xoá
(200, 200, 200) — xám nhạtGiữ lạiBị xoá
Minh hoạ hàm isNearWhite() trong công cụ — không phải bảng giá trị cố định, chỉ để hiểu cơ chế so sánh khoảng cách màu.

Vì sao ảnh không rời khỏi máy khi xử lý

  • Ảnh được đọc trực tiếp thành dữ liệu điểm ảnh trong bộ nhớ trình duyệt (Canvas API), không có yêu cầu mạng nào gửi file ảnh đi nơi khác trong lúc xử lý.
  • File kết quả (PNG trong suốt) cũng được tạo và tải về ngay trên máy, không lưu trữ tạm ở đâu khác.
  • Phù hợp với ảnh cần giữ riêng tư — logo công ty, chữ ký tay, tài liệu nội bộ chưa muốn công khai.

Ví dụ: ảnh logo nền trắng, độ nhạy 40

  1. Pixel nền (225, 230, 220): Gần trắng ở độ nhạy 40 → bị xoá thành trong suốt
  2. Pixel logo (200, 200, 200) — xám đậm hơn: Không gần trắng ở độ nhạy 40 → được giữ lại
  3. Kết quả: Nền trắng biến mất, phần logo xám giữ nguyên trên nền trong suốt

Với ảnh nền không phải trắng thuần (hơi ngà, hơi xám), cần tăng độ nhạy lên 60-80 để nền cũng được nhận diện và xoá hết.

Lỗi thường gặp khi tính tay

  • Dùng Threshold toàn bộ cho ảnh có mảng trắng bên trong vật thể (áo trắng, logo có nét trắng) — phương pháp này xoá luôn phần trắng cần giữ, nên chuyển sang Flood-fill.
  • Để độ nhạy quá cao (80-100) cho ảnh có vật thể màu sáng — dễ ăn luôn màu nhạt của vật thể, không chỉ riêng nền.
  • Tắt "Mềm cạnh" khi ảnh cần cạnh mượt để ghép vào thiết kế khác — cạnh xuất ra sẽ sắc và có răng cưa rõ hơn.
  • Dùng ảnh chụp nền không phải trắng thuần (be, xám nhạt, có bóng đổ) mà không tăng độ nhạy — thuật toán chỉ so khoảng cách tới trắng tinh (255,255,255), nền ngả màu cần độ nhạy cao hơn mới nhận diện hết.
  • Kỳ vọng công cụ tách được nền phức tạp nhiều màu (ảnh chụp ngoài trời, nền có hoạ tiết) — đây là công cụ xoá nền trắng/gần trắng, không phải AI tách nền tổng quát cho mọi loại ảnh.

Cần làm tiếp việc gì sau khi tính xong

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

Bạn có thắc mắc về Xoá nền trắng?

Ảnh có bị upload lên máy chủ khi dùng công cụ xoá nền trắng này không?+

Không. Toàn bộ xử lý chạy bằng Canvas API ngay trong trình duyệt, không có bước gửi ảnh lên máy chủ nào — phù hợp với ảnh cần giữ riêng tư như logo nội bộ hay chữ ký.

Nên chọn Flood-fill hay Threshold khi xoá nền trắng?+

Flood-fill (mặc định) an toàn hơn cho hầu hết ảnh vì chỉ lan từ viền ảnh vào trong, giữ được mảng trắng bên trong vật thể (áo trắng, logo có nét trắng). Threshold toàn bộ chỉ nên dùng khi vật thể không có phần trắng nào bên trong.

Xoá nền trắng chữ ký bằng công cụ này được không?+

Được, dùng Flood-fill với độ nhạy vừa phải (khoảng 30-40) cho ảnh chữ ký chụp trên giấy trắng — nét chữ ký (thường sẫm màu) sẽ được giữ lại, nền trắng xung quanh chuyển trong suốt.

Công cụ này có xoá nền trắng trực tiếp trong Word/PowerPoint/Excel không?+

Không thao tác trực tiếp trong các phần mềm đó. Công cụ xử lý file ảnh (JPG/PNG/WebP) độc lập, xuất ra PNG nền trong suốt để anh/chị chèn vào Word, PowerPoint hay Excel sau khi xử lý xong.

Vì sao tăng độ nhạy vẫn không xoá hết nền hơi xám/be?+

Vì thuật toán so khoảng cách màu tới trắng tinh (255,255,255) trên cả 3 kênh màu. Nền ngả màu nhiều cần tăng độ nhạy lên mức cao hơn (60-80) để được nhận diện là "gần trắng" và xoá hết.

Công cụ có tách được nền phức tạp nhiều màu (ảnh chụp ngoài trời) không?+

Không. Đây là công cụ xoá nền trắng/gần trắng dựa trên khoảng cách màu, không phải công cụ AI tách nền tổng quát — phù hợp nhất với ảnh sản phẩm chụp trên nền trắng/be đơn giản.

// Tools liên quan
// CẦN HƠN TOOL?

Web cho doanh nghiệp của bạn?

Webchốt là studio thiết kế web Next.js. Tools miễn phí. Service chuyên nghiệp khi cần.

Demo