Bộ lọc ảnh 🔒 Chạy ngay trong trình duyệt — không tải lên bất cứ thứ gì.

Áp dụng thang xám, nâu đỏ, độ sáng, độ tương phản, làm mờ và hơn thế lên ảnh.

📷 Thả ảnh vào đây, hoặc bấm để chọn

Về công cụ này

Thang xám, nâu đỏ (sepia), đảo màu, độ sáng, độ tương phản, độ bão hòa, làm mờ và xoay tông màu — công cụ này áp dụng cả tám hiệu chỉnh lên ảnh của bạn theo thời gian thực, ngay trong trình duyệt, với bản xem trước trực tiếp cập nhật khi bạn kéo từng thanh trượt. Không có gì được tải lên: ảnh được giải mã cục bộ và mỗi bộ lọc được tính toán bởi chính công cụ dựng hình Canvas của trình duyệt — cùng công nghệ vận hành các bộ lọc CSS trên web.

Mỗi lần vẽ lại đều bắt đầu từ ảnh gốc thay vì chồng lên bản xem trước trước đó, nên kéo thanh trượt qua lại không bao giờ làm giảm chất lượng hay tích lũy sai số làm tròn. Hãy thử một trong các cài đặt sẵn — Đen trắng, Cổ điển, Lạnh hoặc Ấm — làm điểm khởi đầu, rồi tinh chỉnh từng thanh trượt riêng lẻ, hoặc bấm "Đặt lại tất cả" để bắt đầu lại. Khi hài lòng với kết quả, hãy tải xuống dưới dạng PNG hoặc JPEG ở độ phân giải gốc đầy đủ của ảnh — cùng tổ hợp bộ lọc đó được dựng lại một lần nữa, nên cách hiển thị bản xem trước không bao giờ giới hạn chất lượng tệp bạn tải xuống.

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

Tôi có thể áp dụng nhiều hơn một bộ lọc cùng lúc không?

Có — mỗi thanh trượt độc lập và chúng đều kết hợp với nhau theo thời gian thực, vì vậy bạn có thể có thang xám, một chút tăng độ tương phản, và làm mờ nhẹ hoạt động cùng lúc, đúng như hiển thị trong bản xem trước trực tiếp. Các nút cài đặt sẵn chỉ là các tổ hợp điểm khởi đầu thuận tiện; bạn có thể điều chỉnh bất kỳ thanh trượt riêng lẻ nào sau đó mà không mất các cái khác.

Các bộ lọc có trông giống hệt bộ lọc CSS được dùng trong thiết kế web không?

Có, chính xác — công cụ này sử dụng thuộc tính `filter` gốc của Canvas trình duyệt, thực hiện CÙNG các hàm bộ lọc (thang xám, nâu đỏ, độ sáng, v.v.) như `filter` của CSS, với cùng công thức toán học và phạm vi giá trị giống hệt. Nếu bạn đã từng dùng bộ lọc CSS trước đây, các thanh trượt ở đây sẽ hoạt động chính xác như bạn mong đợi.