Cách Tạo Ảnh Nền Trong Suốt (PNG, WebP và Các Định Dạng)

Cập nhật lần cuối: June 27, 2026

Một nền trong suốt cho phép vật cắt ghép nằm trên bất kỳ phông nền nào — màu trắng cho một thị trường trực tuyến, màu thương hiệu cho quảng cáo, hay một bức ảnh cho bố cục. Nhưng tính trong suốt là một tính năng của định dạng, chứ không phải mặc định: JPEG hoàn toàn không thể làm được điều này, trong khi PNG và WebP thì có. Hướng dẫn này sẽ đề cập đến các định dạng nào hỗ trợ tính trong suốt, cách tạo hình ảnh trong suốt, và khi nào việc thêm bước xử lý độ phức tạp là xứng đáng.

Câu trả lời nhanh: Làm thế nào để làm cho một hình ảnh trong suốt?

Hãy loại bỏ nền thành kênh alpha (alpha channel) và lưu bằng định dạng hỗ trợ nó. Quy tắc thực tế là:

Sử dụng Background Remover để lấy vật cắt ghép, sau đó xuất dưới dạng PNG hoặc WebP. Để biết cách loại bỏ nền hoạt động như thế nào, hãy xem hướng dẫn xóa nền bằng AI.

Định dạng hình ảnh nào hỗ trợ tính trong suốt?

Tính trong suốt đến từ một kênh alpha — là giá trị độ mờ đục (opacity) cho từng pixel bên cạnh màu RGB. Không phải định dạng nào cũng có nó:

Sơ đồ trên thể hiện sự khác biệt: PNG và WebP giữ lại ô bàn cờ (trong suốt); JPEG điền đầy khu vực bằng màu trắng vì nó không có kênh alpha. Đây là lý do tại sao việc xuất một nền đã xóa dưới dạng JPEG sẽ phá hủy tính trong suốt — đây là lỗi phổ biến nhất.

Kênh alpha hoạt động như thế nào?

Mỗi pixel trong PNG/WebP có alpha đều có bốn giá trị: đỏ, xanh lá, xanh dương và alpha (RGBA). Alpha là độ mờ đục — 0 nghĩa là hoàn toàn trong suốt, 255 nghĩa là hoàn toàn mờ đục, và các giá trị ở giữa là bán trong suốt. Vật thể tổng hợp bạn thấy là vật cắt ghép được hòa trộn lên bất cứ thứ gì phía sau nó.

Các pixel bán trong suốt rất quan trọng đối với các cạnh mềm — tóc, lông, bóng đổ, văn bản chống răng cưa (anti-aliased). Một định dạng chỉ có tính trong suốt 1-bit (GIF) sẽ làm cho các cạnh đó bị lởm chởm hoặc tạo quầng sáng; PNG và WebP alpha giữ chúng mềm mại. Tài liệu tham khảo kênh alpha MDN giải thích cách hoạt động của việc tổng hợp alpha trong trình duyệt.

Làm thế nào để tạo một hình ảnh trong suốt?

1. Bắt đầu với chủ thể trên nền đơn giản nhất có thể. Nền trắng hoặc xanh lá đặc dễ loại bỏ sạch hơn nhiều so với một cảnh vật phức tạp.
2. Loại bỏ nền. Sử dụng Background Remover để tự động xóa, hoặc công cụ CLI như rembg cho các lô hàng (batches).
3. Xuất dưới dạng PNG hoặc WebP, không bao giờ là JPEG. Xác nhận rằng trình xuất đã bảo toàn kênh alpha.
4. Kiểm tra các cạnh ở mức 200% — tìm kiếm quầng sáng (phần nền còn sót lại) và khoảng trống (chủ thể bị thiếu).
5. Thử nghiệm trên một phông nền tương phản để xác nhận tính trong suốt là thật, chứ không chỉ là trắng-trên-trắng.

Để có vật cắt ghép sản phẩm sạch sẽ, kết quả sẽ nằm gọn trên bất kỳ phông nền nào:

Khả năng tái sử dụng này là toàn bộ mục đích: một vật cắt ghép trở thành hình ảnh thị trường trực tuyến, quảng cáo sáng tạo, và bài đăng mạng xã hội mà không cần chụp lại. Xem hướng dẫn các trường hợp sử dụng xóa nền để biết đầy đủ các trường hợp.

Làm thế nào để loại bỏ nền bằng lập trình?

Đối với một lô hàng (batch), rembg (một wrapper CLI xung quanh U2-Net) xuất ra các file PNG trong suốt:

pip install rembg
## Một ảnh
remgb i input.jpg output.png
## Cả một thư mục
rembg p input_dir/ output_dir/

Với ImageMagick và nền đơn giản, việc loại bỏ bằng ngưỡng nhiễu (fuzz-threshold) hoạt động cho các trường hợp đơn giản:

## Loại bỏ các pixel gần trắng thành trong suốt (tốt cho ảnh sản phẩm trên nền trắng)
magick input.jpg -fuzz 15% -transparent white output.png

Phương pháp fuzz sẽ thất bại với các nền phức tạp hoặc tóc — hãy sử dụng bộ xóa dựa trên mô hình (rembg) cho những trường hợp đó. Xem so sánh công cụ xóa nền để biết công cụ nào phù hợp với công việc nào.

PNG hay WebP cho hình ảnh trong suốt?

Cả hai đều hỗ trợ alpha đầy đủ, vì vậy sự lựa chọn là về kích thước và khả năng tương thích:

Đối với một trang web, hãy phục vụ WebP với fallback PNG trong phần tử <picture>. Đối với email, dùng PNG — nhiều client email vẫn chưa hiển thị WebP. Hướng dẫn định dạng hình ảnh đề cập đến sự đánh đổi đầy đủ.

Khi nào nên tránh tính trong suốt?

Tính trong suốt không phải lúc nào cũng là lựa chọn đúng đắn. Hãy bỏ qua nó khi:

• Hình ảnh là bức ảnh chụp được hiển thị ở kích thước đầy đủ. Ảnh chụp không cần alpha; JPEG nhỏ hơn và chính xác hơn.
• Nền là một phần của hình ảnh. Một cảnh vật phong cách sống hoặc phông nền có kết cấu nên được giữ lại.
• Bạn đang xuất cho một hệ thống không hỗ trợ alpha. Một số quy trình in ấn và trình chỉnh sửa cũ làm phẳng hoặc biến dạng tính trong suốt.
• Kích thước tệp là yếu tố quan trọng và chủ thể có các cạnh sắc nét. Một JPEG đã làm phẳng với nền khớp màu có thể nhỏ hơn PNG trong suốt.

Các lỗi thường gặp

• Xuất dưới dạng JPEG. JPEG không có alpha; khu vực trong suốt của bạn sẽ trở thành màu trắng. Hãy sử dụng PNG hoặc WebP.
• Để lại quầng sáng (halo). Một viền nền mờ nhạt xuất hiện trên phông nền mới. Thu nhỏ/giảm độ sắc nét mặt nạ bằng 1–2px.
• Sử dụng GIF cho các cạnh mềm. GIF là tính trong suốt 1-bit; tóc và bóng đổ bị lởm chởm. Hãy sử dụng PNG/WebP.
• Nén alpha quá mức. Một số trình tối ưu hóa mạnh mẽ làm giảm kênh alpha; hãy xác minh các cạnh sau khi tối ưu hóa.
• Không kiểm tra trên phông nền tương phản. Trắng-trên-trắng che giấu việc loại bỏ thất bại. Luôn xem trước trên phông nền tối hoặc có màu.

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

Định dạng hình ảnh nào hỗ trợ tính trong suốt?

PNG (không mất dữ liệu, phổ quát), WebP (mất hoặc không mất dữ liệu, nhỏ hơn), và SVG (vector). JPEG không hỗ trợ tính trong suốt — vật cắt ghép JPEG sẽ nhận một nền bắt buộc. Hãy dùng PNG cho bản gốc, WebP cho việc phân phối web.

Làm thế nào để làm cho hình ảnh trong suốt?

Loại bỏ nền để tạo kênh alpha, sau đó xuất dưới dạng PNG hoặc WebP. Việc loại bỏ có thể tự động (AI) hoặc thủ công (mask). Xem hướng dẫn xóa nền.

PNG hay WebP cho hình ảnh trong suốt?

WebP cho việc phân phối web (nhỏ hơn, hỗ trợ alpha); PNG cho bản gốc và khả năng tương thích tối đa. Hãy phục vụ WebP với fallback PNG thông qua phần tử <picture> để các trình duyệt cũ vẫn nhận được tính trong suốt.

Kênh alpha hoạt động như thế nào?

Mỗi pixel có một giá trị độ trong suốt (alpha) ngoài màu sắc của nó, vì vậy một số phần của hình ảnh có thể hoàn toàn trong suốt, hoàn toàn mờ đục, hoặc bất cứ đâu ở giữa. Kênh alpha là thứ cho phép vật cắt ghép nằm trên bất kỳ nền nào. PNG và WebP lưu trữ nó; JPEG thì không.

Quầng sáng (matte fringe) là gì và làm thế nào để loại bỏ nó?

Quầng sáng là một quầng màu xung quanh vật cắt ghép, còn sót lại từ việc màu sắc của nền gốc bị rò rỉ vào các pixel cạnh chủ thể. Hãy loại bỏ nó bằng công cụ giảm độ sắc nét hoặc khử nhiễm bẩn (decontaminate), hoặc bằng cách xóa các pixel ngoài cùng với độ mờ đục thấp. Quầng sáng xuất hiện khi bạn đặt vật cắt ghép trên phông nền tương phản — hãy kiểm tra điều đó trước khi gửi đi.

Kênh alpha là gì?

Một kênh thứ tư (cùng với đỏ, xanh lá, xanh dương) lưu trữ tính trong suốt của từng pixel, từ hoàn toàn mờ đục đến hoàn toàn trong suốt và bất cứ đâu ở giữa. Nó cho phép vật cắt ghép nằm trên bất kỳ nền nào với các cạnh mềm mại. PNG và WebP lưu trữ kênh alpha; JPEG thì không, đó là lý do tại sao JPEG không thể làm tính trong suốt. Không có alpha, vật cắt ghép sẽ nhận một nền đặc bắt buộc.

Làm thế nào để thêm độ trong suốt vào JPEG?

Bạn không thể — JPEG không có kênh alpha, vì vậy nó không thể lưu trữ tính trong suốt. Để có hình ảnh trong suốt, hãy loại bỏ nền và xuất dưới dạng PNG hoặc WebP, cả hai đều hỗ trợ kênh alpha. Chuyển đổi JPEG sang PNG không thêm độ trong suốt; bạn phải loại bỏ nền trước, sau đó xuất sang định dạng có thể chứa nó.

Tôi có thể làm cho JPEG trong suốt được không?

Không — JPEG không có kênh alpha và không thể lưu trữ tính trong suốt. Một JPEG luôn có một nền đặc. Để có tính trong suốt, hãy loại bỏ nền và xuất dưới dạng PNG hoặc WebP, những định dạng hỗ trợ kênh alpha. Chuyển đổi JPEG sang PNG không thêm độ trong suốt một cách thần kỳ; nền phải được loại bỏ trước.

Nguồn ảnh

• So sánh tính trong suốt định dạng, vật cắt ghép trên các phông nền, và khái niệm kênh alpha — được tác giả tạo ra từ một bức ảnh sản phẩm giày thể thao (Pexels #1461048, ảnh của Ray Piedra) để thể hiện tính trong suốt thực tế qua nhiều định dạng và phông nền.