Bộ lọc và chỉnh sửa ảnh

Chỉnh độ sáng, độ tương phản, độ bão hòa, sắc độ, thang xám, sepia, đảo màu và làm mờ, hoặc dùng các preset có sẵn. Ảnh xuất ra khớp với bản xem trước trên mọi trình duyệt.

Thả ảnh vào đây hoặc bấm để chọn ảnh
Bạn cũng có thể dán ảnh từ clipboard (Ctrl+V / ⌘V)

Chạy hoàn toàn trong trình duyệt. Dữ liệu của bạn không bao giờ bị tải lên.

Công cụ Liên quan

Xem Tất cả

Bộ lọc ảnh là gì?

Áp dụng các chỉnh sửa và hiệu ứng cho ảnh: độ sáng, độ tương phản, độ bão hòa, thang xám, sepia, đảo màu, xoay sắc độ và làm mờ, chỉnh riêng từng thanh trượt hoặc qua các preset như đen trắng, sepia, cổ điển, rực rỡ, tông lạnh và âm bản. Chế độ xem trước/sau cho thấy hiệu ứng, và file xuất ra chứa đúng những gì bạn thấy.

Cách sử dụng Bộ lọc ảnh

  1. Thả, chọn hoặc dán ảnh.
  2. Bấm một preset hoặc kéo thanh trượt của từng mục chỉnh.
  3. So sánh ảnh xem trước Trước và Sau.
  4. Chọn định dạng đầu ra và tải ảnh đã áp bộ lọc xuống.

Ví dụ

Đầu vào
Điểm ảnh đỏ thuần (#FF0000), Thang xám 100%
Đầu ra
#363636 (0.2126 × 255 ≈ 54 cho mỗi kênh)

Khi nào nên dùng Bộ lọc ảnh

Dùng để sửa nhanh và tạo phong cách cho ảnh chụp, ảnh chụp màn hình và ảnh mạng xã hội. Đây không phải trình chỉnh sửa ảnh đầy đủ: không có curves, layer, mask hay chỉnh cục bộ, và ảnh rất lớn cần một lúc để xử lý.

Bộ lọc ảnh hoạt động như thế nào

Bộ lọc được tính từng điểm ảnh bằng JavaScript theo công thức trong đặc tả Filter Effects của W3C (cùng phép toán với CSS filter): hàm truyền tuyến tính cho độ sáng và độ tương phản, ma trận màu cho saturate, hue-rotate, grayscale và sepia, cùng hàm invert, áp dụng theo đúng thứ tự đó và giới hạn giá trị sau mỗi bước. Làm mờ là Gaussian xấp xỉ bằng ba lượt box-blur trên alpha đã nhân trước. Vì không dùng thuộc tính filter của canvas, ảnh xuất ra vẫn có hiệu ứng ngay cả trên trình duyệt không hỗ trợ nó, như Safari.

Các Trường Hợp Sử Dụng Phổ Biến

  • Chuyển ảnh sang đen trắng cho bản in.
  • Làm sáng ảnh điện thoại bị tối.
  • Tạo tông ấm hoặc lạnh đồng nhất cho ảnh sản phẩm.
  • Làm mờ ảnh nền cho phần banner website.
  • Đảo màu ảnh chụp màn hình chế độ tối để in.

Lưu Ý Bảo Mật

Ảnh được giải mã, xử lý và mã hóa cục bộ trong trình duyệt bằng Canvas API. Không có gì được tải lên máy chủ.

Câu Hỏi Thường Gặp

Ảnh tải xuống có giống bản xem trước không?

Có. Bản xem trước và ảnh xuất ra được tạo bởi cùng một đoạn mã xử lý điểm ảnh, không phụ thuộc vào việc trình duyệt có hỗ trợ bộ lọc canvas hay không.

Các bộ lọc được áp dụng theo thứ tự nào?

Độ sáng, độ tương phản, độ bão hòa, xoay sắc độ, thang xám, sepia, đảo màu, rồi làm mờ.

Tôi có hoàn tác được không?

Bấm preset Gốc để đặt lại mọi thanh trượt; ảnh nguồn không bao giờ bị sửa đổi.

Bước tiếp theo nên làm

Khám phá thêm danh mục