Bộ Lọc Ảnh

Nhấn hoặc kéo thả để tải lên

JPG / PNG / WEBP / GIF

Tải lên hình ảnh để xem trước tại đây

Áp dụng online 8 bộ lọc chuyên nghiệp cho ảnh: đen trắng, sepia, đảo ngược, làm mờ, độ sáng, tương phản, độ bão hòa và xoay tông màu — mỗi cái có cường độ 0-200% và xem trước theo thời gian thực. Cái bạn thấy là cái bạn xuất.

Đề xuất Liên quan

Cắt ảnh

Chèn watermark ảnh

Nén ảnh

Chuyển đổi ảnh

Trinh tao ICO

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

Bộ lọc ảnh là một nhóm kỹ thuật ánh xạ giá trị pixel sang giá trị pixel mới thông qua các biến đổi toán học. Tiêu chuẩn phổ biến nhất trên web và di động là thuộc tính CSS filter (blur / brightness / contrast / grayscale / sepia / saturate / hue-rotate / invert). Công cụ này được xây dựng trên cùng bộ API trong Canvas, vì vậy có thể chồng bộ lọc bằng một cú nhấp.

**Khác với phần mềm chỉnh ảnh:** Các trình chỉnh sửa chuyên nghiệp (Photoshop, Lightroom) hỗ trợ cọ cục bộ, lớp và mặt nạ. Công cụ này tập trung vào chỉnh màu toàn ảnh và áp dụng bộ lọc hàng loạt. Nó nhẹ hơn, nhanh hơn và phù hợp hơn khi không cần chỉnh sửa cục bộ chi tiết.

**Đen trắng vs sepia:** Đen trắng thống nhất RGB theo độ sáng cảm nhận (trọng số ITU-R BT.601) và loại bỏ toàn bộ màu. Sepia thêm tông nâu lên nền xám, cho cảm giác hoài niệm mạnh hơn.

**Vì sao chồng nhiều hiệu ứng không bị méo?** Bộ lọc là toán học cấp pixel, không bao giờ thay đổi cấu trúc pixel. Mọi kết hợp trong khoảng 0-200% giữ nguyên ảnh, dù kết quả có thể kịch tính. Hãy thử từng bước nhỏ.

Trường hợp sử dụng

Nhanh chóng chỉnh sửa ảnh thiếu sáng hoặc nhạt màu bằng độ sáng, tương phản, bão hòa
Thêm phong cách vintage, đen trắng hoặc đảo ngược vào hình ảnh mạng xã hội
Đồng bộ tông màu hoặc nhanh chóng làm đẹp ảnh chính và素材 thẻ sản phẩm thương mại điện tử
Điều chỉnh bão hòa và tông màu cho ảnh chân dung, avatar hoặc màu nền
Áp dụng đảo ngược cho bản phác thảo thiết kế hoặc ảnh chụp UI để kiểm thử trực quan
Dùng bộ lọc làm mờ để che thông tin cá nhân (số điện thoại, địa chỉ) trong ảnh chụp màn hình

Cách Sử dụng

Tải lên tệp ảnh muốn áp dụng bộ lọc (JPG / PNG / WEBP / GIF)
Chọn một trong 8 bộ lọc cơ bản trong lưới hình thu nhỏ: đen trắng / sepia / đảo ngược / làm mờ / độ sáng / tương phản / bão hòa / xoay tông màu
Kéo thanh trượt cường độ để tinh chỉnh (0% tắt, 100% tiêu chuẩn, 200% tối đa) và theo dõi xem trước trực tiếp
Chồng thêm hiệu ứng bằng cách chuyển sang bộ lọc khác và điều chỉnh cường độ để tạo tông lý tưởng
Bấm tải xuống để xuất dưới dạng PNG; tên tệp tự động nhận hậu tố _filtered

Tính năng

8 hiệu ứng tích hợp: đen trắng, sepia, đảo ngược, làm mờ, độ sáng, tương phản, bão hòa, xoay tông màu
Cường độ 0-200%: mỗi bộ lọc có thanh trượt riêng, 100% là tiêu chuẩn, 200% là tối đa
Xem trước trực tiếp: chuyển đổi và điều chỉnh có hiệu lực ngay, không cần xuất lặp lại
Hỗ trợ mọi định dạng: JPG / PNG / WEBP / GIF và các định dạng ảnh phổ biến khác
Đặt lại một cú nhấp: xóa tất cả bộ lọc và khôi phục bản gốc để so sánh nhiều phong cách
Xử lý tại chỗ: mọi bộ lọc chạy trong Canvas của trình duyệt, tệp không rời khỏi thiết bị

Best Practices

Thứ tự chỉnh: phơi sáng trước, màu sau, phong cách cuối cùng

Quy trình khuyến nghị: trước tiên điều chỉnh độ sáng và tương phản để sửa phơi sáng, sau đó dùng bão hòa để sửa màu, cuối cùng thêm các bộ lọc tạo phong cách như đen trắng, sepia hoặc xoay tông màu. Điều này tuân theo logic chỉnh màu của Photoshop và tránh việc bộ lọc phong cách mạnh che giấu vấn đề phơi sáng ngay từ đầu.

Bắt đầu thanh trượt cường độ từ 50%, đừng nhảy thẳng lên 200%

Hầu hết bộ lọc hoạt động tốt nhất trong khoảng 50-150%. Nhảy thẳng lên 200% thường gây cắt bão hòa, méo tông màu hoặc làm mờ quá mức. Hãy bắt đầu ở 100% để đánh giá rồi tinh chỉnh theo bước ±20%.

Giữ bão hòa ở 100-150% để tránh cắt màu

Bão hòa trên 150% khiến đỏ và vàng tràn ra ngoài biên và mất chi tiết. Trên 200% có thể xuất hiện các khối màu không thể phục hồi. Khoảng 0-200% được thiết kế cho hiệu ứng sáng tạo; với chỉnh sửa hằng ngày 80-130% là lý tưởng.

Đen trắng + tương phản vừa phải = phong cách tài liệu cổ điển

Đen trắng thuần có thể trông phẳng. Thử đen trắng 100% cộng tương phản 110-130% cộng một chút điều chỉnh độ sáng (tùy phơi sáng gốc). Kết hợp này mô phỏng phong cách tài liệu thời kỳ phim và là công thức đen trắng được yêu thích nhất thời Instagram đầu.

Sepia hợp với ảnh cũ và hoài niệm, không hợp với sản phẩm hiện đại

Tông nâu của sepia thay đổi mạnh bảng màu, vì vậy hợp với chủ đề hoài niệm, tác phẩm tài liệu và thumbnail video. Với ảnh chính thương mại điện tử, ảnh chụp UI hoặc ảnh sản phẩm công nghệ, sepia khiến sản phẩm trông cũ và thiếu chuyên nghiệp, phá vỡ tính chân thực của hàng hóa.

Cường độ làm mờ trên 30 đã tạo bokeh rõ ràng

Thanh trượt làm mờ 0-200% tương ứng bán kính 0-20px. Cường độ 30 (3px) cho độ mềm nhẹ. Cường độ 50 (5px) phù hợp mô phỏng bokeh nền. Cường độ 100 (10px) trở lên phù hợp che thông tin cá nhân hoặc tách chủ thể chân dung.

Xoay tông màu 0/360/720 trở về màu gốc

Tông màu là không gian màu tuần hoàn. Cường độ 0-200 tương ứng quay 0°-360°. Cường độ 100 tương đương 180° (màu bổ sung), 200 trở về gốc. Với chỉnh sáng tạo hãy giữ trong khoảng 10-30; trên 50 màu tự nhiên của vật thể thay đổi mạnh.

Sau khi chỉnh màu, chạy công cụ nén ảnh để giảm kích thước

Công cụ này xuất PNG không mất dữ liệu, có thể lớn. Với trang web, tệp đính kèm email hoặc tải lên MXH, hãy tiếp tục bằng công cụ nén ảnh — chuyển PNG sang JPG thường tiết kiệm 50-80% dung lượng mà không mất chất lượng hiển thị.

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

Có những bộ lọc ảnh nào? Tôi có thể tạo đen trắng và vintage không?

Tích hợp 8 bộ lọc chuyên nghiệp: đen trắng, sepia, đảo ngược, làm mờ, độ sáng, tương phản, bão hòa và xoay tông màu. Một cú nhấp tạo phong cách vintage, ảnh đen trắng nghệ thuật, hoặc hiệu ứng làm mờ mơ mộng. Tất cả bộ lọc hỗ trợ cường độ 0-200%; 1% đã thể hiện thay đổi tinh tế, 100% là tiêu chuẩn, 200% là tối đa.

Tôi có thể tăng hoặc giảm hiệu lực bộ lọc không?

Có. Mỗi bộ lọc có thanh trượt cường độ độc lập. 0% là tắt, 100% là tiêu chuẩn, 200% là tối đa. Ví dụ độ bão hòa 50% chỉ làm màu tươi nhẹ, 150% ngay lập tức mang lại cảm giác phim. Xoay tông màu 50 tương ứng với quay 90°, 200 trở về màu gốc.

Ảnh của tôi quá tối hoặc màu nhạt. Công cụ này sửa được không?

Đúng mục đích thiết kế. Thanh trượt độ sáng cứu vớt các bức ảnh trời âm u thiếu sáng. Tương phản thêm chiều sâu cho ảnh phẳng. Độ bão hòa phục hồi ảnh cũ bị phai. Kết hợp với xoay tông màu có thể chuyển đổi giữa tông ấm và lạnh, tạo bầu không khí xanh hoàng hôn hoặc phong cách neon cyber.

Có thể chồng nhiều bộ lọc không?

Có. Bạn có thể áp dụng nhiều bộ lọc cho cùng một ảnh, ví dụ kết hợp 'sepia nhẹ + độ sáng + tương phản cao + bão hòa cao' để nhanh chóng tìm tông nhất quán của thương hiệu. Vì bộ lọc là toán học cấp pixel nên việc chồng không làm hỏng cấu trúc ảnh, nhưng kết quả có thể kịch tính hơn, vì vậy hãy điều chỉnh từng bước nhỏ.

Hỗ trợ những định dạng ảnh nào? Lưu kết quả ra sao?

Tương thích đầy đủ với JPG, PNG, WEBP và GIF. Trong quá trình xử lý bạn thấy xem trước theo thời gian thực. Khi hài lòng, bấm tải xuống để xuất dưới dạng PNG (không mất dữ liệu, kích thước tệp lớn). Nếu cần JPG nhỏ hơn, hãy dùng công cụ này chỉnh màu rồi nén lại bằng công cụ nén ảnh.

Dùng bộ lọc ảnh online có an toàn không? Ảnh của tôi có bị rò rỉ không?

Hoàn toàn an toàn. Mọi xử lý ảnh diễn ra tại chỗ trong trình duyệt của bạn thông qua Canvas filter API. Không tệp nào được gửi đến máy chủ, không cần cài đặt phần mềm. Ngay cả ảnh gia đình, bản scan hợp đồng và giấy tờ tùy thân cũng có thể xử lý an toàn; đóng trình duyệt sẽ giải phóng bộ nhớ ngay lập tức.

Chỉnh màu có ảnh hưởng đến kích thước tệp không?

Có chút ảnh hưởng. Làm sáng, tăng tương phản hoặc tăng bão hòa có thể khiến tệp hơi lớn hơn. Làm tối, đen trắng hoặc sepia loại bỏ chi tiết tần số cao, có thể giảm nhẹ kích thước. Nếu muốn nhỏ hơn nữa, hãy chạy công cụ nén ảnh sau khi chỉnh màu. Chỉnh trước, nén sau là quy trình chuẩn.

Sự khác biệt giữa đen trắng và sepia là gì?

Đen trắng thống nhất RGB theo độ sáng (trọng số ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B) và loại bỏ hoàn toàn màu sắc. Sepia thêm tông nâu (Tint) lên nền xám, mô phỏng quá trình tô màu hóa học của ảnh thế kỷ 19, cho cảm giác hoài niệm mạnh hơn.

Thuật ngữ

CSS filter: Thuộc tính CSS với bộ lọc ảnh được trình duyệt hỗ trợ gốc: blur / brightness / contrast / drop-shadow / grayscale / hue-rotate / invert / opacity / saturate / sepia. Công cụ này triển khai cùng bộ qua Canvas filter API.MDN - CSS filter
Tông sepia: Tông vintage cổ điển mô phỏng quá trình tô màu hóa học của ảnh thế kỷ 19. Ma trận RGB: R = 0,393R + 0,769G + 0,189B; G = 0,349R + 0,686G + 0,168B; B = 0,272R + 0,534G + 0,131B.
Xoay tông màu (Hue Rotate): Xoay tuần hoàn kênh H (tông màu) trong không gian màu HSL. Xoay 360° trở về màu gốc. Cường độ 0-200% trong công cụ này tương ứng 0°-360° xoay.
Trọng số BT.601: Công thức độ sáng từ tiêu chuẩn ITU-R BT.601: Y = 0,299R + 0,587G + 0,114B. Bộ lọc đen trắng và tín hiệu TV sử dụng trọng số này vì nó phản ánh tốt hơn độ nhạy cao của mắt người với màu xanh lá so với trung bình đơn giản.
Phơi sáng: Tổng lượng ánh sáng mà ảnh thu nhận. Thiếu sáng = quá tối; thừa sáng = quá sáng. Bộ lọc độ sáng có thể bù trừ, nhưng không thể phục hồi chi tiết vùng sáng đã mất.
Độ bão hòa: Cường độ của màu. 0% = hoàn toàn thang xám; 100% = màu gốc; >100% = tăng cường. Bão hòa quá cao gây cắt màu và mất chi tiết.

8 bộ lọc tích hợp trong nháy mắt

Bộ lọc	Thuật toán / triển khai	Tình huống điển hình
Đen trắng (Grayscale)	`R=G=B=0,299R+0,587G+0,114B`	Tài liệu, nghệ thuật, chủ đề vintage
Sepia	`Ma trận Sepia Tone cổ điển`	Hoài niệm, hiệu ứng ảnh cũ, thumbnail video
Đảo ngược (Invert)	`255 trừ giá trị gốc theo kênh RGB`	X-quang, poster nghệ thuật, UI tối
Làm mờ (Blur)	`Canvas filter: blur(radius)`	Bokeh nền, lấy nét, mặt nạ quyền riêng tư
Độ sáng (Brightness)	`Cộng offset vào RGB`	Sửa thiếu/thừa sáng, làm sáng trời âm u
Tương phản (Contrast)	`(RGB-128) × factor + 128`	Chiều sâu cho ảnh phẳng, phong cách HDR
Độ bão hòa (Saturate)	`Co giãn kênh S trong HSL`	Làm tươi, phục hồi màu phai, màu thương hiệu
Xoay tông màu (Hue Rotate)	`Xoay kênh H trong HSL`	Dịch chuyển sáng tạo, đổi màu, kiểm thử trực quan

Bảng tham chiếu hiệu ứng cường độ 0-200%

Cường độ	Hiệu ứng thị giác	Công dụng khuyến nghị
`0%`	Tắt hoàn toàn, tương đương bản gốc	Đặt lại, kiểm thử A/B
`1-30%`	Rất tinh tế, gần như không thấy	Tinh chỉnh, cần chú ý mới nhận ra
`30-70%`	Hiệu ứng nhẹ	Chỉnh màu ảnh hằng ngày
`100%`	Cường độ tiêu chuẩn	Mặc định cho hầu hết tình huống
`130-170%`	Hiệu ứng tăng cường	Tác phẩm tạo phong cách, màu thương hiệu đồng nhất
`200%`	Hiệu ứng tối đa	Xử lý nghệ thuật, trừu tượng