Bộ Lọc & Hiệu Ứng Hình Ảnh

"Bộ lọc hình ảnh" thực sự làm gì với các pixel của bạn

Một bộ lọc hình ảnh là một phép toán được áp dụng cho mọi pixel. Mỗi bộ lọc trên công cụ này tương ứng với một phép biến đổi cụ thể. Độ sáng 150% nhân mỗi kênh màu với 1,5 (được kẹp ở mức tối đa), làm cho toàn bộ hình ảnh sáng hơn. Tương phản 150% kéo căng các giá trị xung quanh điểm giữa, kéo các pixel tối tối hơn và các pixel sáng sáng hơn. Độ bão hòa dịch chuyển các màu sắc về hoặc ra khỏi màu xám trong khi vẫn giữ độ sáng tổng thể. Xoay tông màu quay mỗi màu xung quanh vòng tròn màu theo một góc đã chọn. Sepia áp dụng một ma trận 3x3 cố định ánh xạ RGB sang một bảng màu nâu ấm áp (R' = 0,393R + 0,769G + 0,189B, và các công thức tương tự cho G' và B'). Thang xám thu gọn mỗi pixel thành trung bình có trọng số luminance của nó sử dụng các hệ số ITU-R BT.601 (0,299, 0,587, 0,114), cùng các trọng số mà thị giác con người sử dụng để cảm nhận độ sáng. Làm mờ là một tích chập Gaussian: mỗi pixel đầu ra trở thành trung bình có trọng số của các pixel xung quanh. Đảo ngược lật mỗi kênh: c' = 1 trừ c.

Mỗi preset trên công cụ này là một sự kết hợp được đặt tên của các hoạt động này. "Vivid" xếp chồng độ tương phản và độ bão hòa được nâng cao; "B&W" đặt thang xám lên 100%; "Sepia" đặt sepia lên 100% và giảm độ bão hòa; "Ấm" thêm tông sepia và độ bão hòa nhẹ nhàng; "Lạnh" xoay tông màu về xanh dương; "Vintage" giảm độ tương phản và độ bão hòa trong khi hơi làm ấm; "Dramatic" đẩy mạnh độ tương phản và độ bão hòa; "Fade" làm dịu độ tương phản và làm sáng hơi một chút. Phía sau hậu trường, mỗi preset chỉ viết một chuỗi bộ lọc CSS khác nhau. Bạn có thể bắt đầu từ bất kỳ preset nào và điều chỉnh các thanh trượt riêng lẻ để tìm chính xác diện mạo bạn muốn.

Tất cả các bộ lọc ở đây áp dụng thông qua các hàm bộ lọc CSS được tiêu chuẩn hóa của trình duyệt (W3C Filter Effects Module Level 1), được triển khai qua GPU trên mọi trình duyệt hiện đại kể từ 2016-2019. Bản xem trước cập nhật trong thời gian thực khi bạn di chuyển các thanh trượt vì các hoạt động được tính toán trên card đồ họa, không phải CPU. Bước tải xuống nướng kết quả bộ lọc vào một PNG, JPEG, hoặc WebP mới ở kích thước hình ảnh gốc, vì vậy tệp được xuất đã có diện mạo được áp dụng; không cần bước render riêng biệt.

Cách công cụ này hoạt động dưới mui xe

Engine bộ lọc là API Canvas của trình duyệt kết hợp với các hàm bộ lọc CSS. Khi bạn thả một hình ảnh, bộ giải mã tích hợp của trình duyệt biến tệp (JPEG, PNG, WebP, GIF, BMP, AVIF, hoặc SVG) thành các pixel thô trên một HTMLImageElement trong bộ nhớ. Các pixel được vẽ lên một phần tử . Để áp dụng một bộ lọc, công cụ đặt ctx.filter = "brightness(150%) contrast(110%) saturate(120%) sepia(20%) ..." và vẽ lại hình ảnh nguồn; trình duyệt áp dụng chuỗi bộ lọc trên GPU và canvas hiển thị kết quả.

Các preset là các chuỗi bộ lọc được xác định trước được lưu trong script. "B&W" là grayscale(100%) contrast(105%). "Vintage" có thể là sepia(35%) saturate(75%) contrast(95%) brightness(102%). Chọn một preset viết một trong các chuỗi này vào bộ lọc canvas; các thanh trượt riêng lẻ sau đó được cập nhật để khớp, do đó bạn có thể tinh chỉnh từ đó. "Giữ để so sánh" tạm thời đặt ctx.filter = "none" và vẽ lại hình ảnh gốc, sau đó khôi phục bộ lọc đã chọn khi bạn thả ra.

Bước tải xuống vẽ lại hình ảnh nguồn ở kích thước ban đầu (không phải kích thước xem trước trên màn hình) lên một canvas mới với bộ lọc hiện tại được áp dụng, sau đó canvas.toBlob() xuất kết quả như một PNG, JPEG, hoặc WebP mới. Đầu ra có các hiệu ứng bộ lọc được nướng vào dữ liệu pixel, vì vậy người nhận nhìn thấy cùng diện mạo mà không cần bất kỳ trạng thái nào của công cụ. Không có gì rời khỏi tab trong suốt quá trình này; không có thư viện nào được tải cho việc lọc.

Lịch sử ngắn của các bộ lọc ảnh

• Tinh chỉnh phòng tối, 1860-1920. Lâu trước phần mềm, các nhiếp ảnh gia áp dụng "bộ lọc" với hóa học: tinh chỉnh sepia, tinh chỉnh vàng, tinh chỉnh selenium, tô màu thủ công các bản in nhuộm. Polaroid SX-70 (1976) nướng một sự thay đổi màu sắc dễ nhận biết vào nhiếp ảnh tức thời. Tổ tiên khái niệm của mọi preset hiện đại.
• Photoshop 1.0, 1990. Adobe vận chuyển phiên bản đầu tiên của Photoshop với các hộp thoại điều chỉnh: Độ sáng/Tương phản, Tông màu/Bão hòa, Cân bằng màu, Biến thể. Bộ lọc trở thành một danh mục phần mềm; các nhiếp ảnh gia giờ đây có thể áp dụng các phép biến đổi phi vật lý và hoàn tác chúng.
• Lớp điều chỉnh, 1994. Photoshop 3.0 giới thiệu Lớp điều chỉnh, cho phép xếp chồng bộ lọc một cách không phá hủy. Tổ tiên khái niệm của mọi ngăn xếp preset hiện đại: mỗi "bộ lọc" giờ đây là một phép biến đổi có thể sắp xếp lại, có thể điều chỉnh riêng lẻ thay vì một sự nướng phá hủy.
• Instagram ra mắt với các preset được đặt tên, tháng 10 năm 2010. Instagram ra mắt với 11 (sau là 17) preset được đặt tên: Amaro, Rise, Hudson, Valencia, X-Pro II, Sierra, Willow, Lo-Fi, Earlybird, Sutro, Toaster, Brannan, Inkwell, Walden, Hefe, và "Normal" bắt buộc. Mỗi preset là một sự kết hợp cụ thể các hoạt động toán-học-pixel khái niệm giống với những gì công cụ này tiết lộ. Tác động văn hóa rất lớn: "bộ lọc" đi vào ngôn ngữ hàng ngày như một động từ, và chỉnh sửa ảnh di động trở thành một danh mục thị trường đại chúng.
• Sự bùng nổ bộ lọc di động, 2011-2015. VSCO (2011), Snapseed (2011), Afterlight (2012), Lightroom Mobile (2014). Mỗi ứng dụng đã thêm thư viện preset của riêng mình, thường mô phỏng các loại phim cụ thể (Kodak Portra, Fuji Velvia, Kodachrome) hoặc cố gắng định nghĩa các phong cách hình ảnh mới. Chỉnh sửa ảnh rời khỏi máy tính để bàn.
• Bộ lọc CSS trong trình duyệt, 2016-2026. W3C Filter Effects Module Level 1 đã chuẩn hóa các hàm bộ lọc CSS vào năm 2014, và các trình duyệt chính đã vận chuyển hỗ trợ trong Chrome 52 (2016), Firefox 49 (2016), Safari 13 (2019). Đến năm 2026, mọi trình duyệt đều có bộ lọc CSS được tăng tốc GPU một cách phổ biến, điều này khiến công cụ này trở thành thời gian thực và không cần thư viện.

Cách các bộ lọc hình ảnh hoạt động

Các bộ lọc hình ảnh sửa đổi các giá trị pixel của một bức ảnh để thay đổi vẻ ngoài của nó. Độ sáng điều chỉnh độ rõ tổng thể, độ tương phản kiểm soát khoảng cách giữa các vùng sáng và tối, và độ bão hòa xác định cường độ của các màu. Xoay sắc thái di chuyển tất cả các màu trên vòng tròn màu, trong khi sepia và mức xám chuyển đổi hình ảnh sang các tông cổ điển. Làm mờ áp dụng làm mịn gaussian, và đảo ngược lật tất cả các màu.

Công cụ này sử dụng engine bộ lọc CSS Canvas native của trình duyệt của bạn, được tăng tốc GPU cho hiệu suất theo thời gian thực. Tất cả xử lý đều cục bộ · các hình ảnh của bạn không bao giờ được gửi đến một server.

Các sử dụng phổ biến

• Chỉnh sửa các bức ảnh trước khi chia sẻ chúng trên mạng xã hội
• Chuyển các hình ảnh sang đen trắng hoặc sepia cho một kết xuất cổ điển
• Điều chỉnh độ sáng và độ tương phản cho các bức ảnh sản phẩm sẵn sàng cho web
• Áp dụng các tông ấm hoặc lạnh để phù hợp với một identity thương hiệu
• Tạo các phong cách trực quan đồng nhất trên một loạt các hình ảnh
• Sửa đổi ảnh nhanh mà không cài đặt phần mềm

Quy trình làm việc bộ lọc thực tế

• Đánh bóng ảnh chụp cho mạng xã hội. Một ảnh chụp điện thoại trực tiếp từ máy ảnh trông phẳng so với các bài đăng chuyên nghiệp vì máy ảnh tối ưu hóa cho độ trung thực, không phải cú đấm thẩm mỹ. Một sự tăng 10-15% trong độ tương phản và độ bão hòa, đôi khi một chút tông ấm, biến một bức ảnh bình thường thành thứ gì đó sẵn sàng cho feed. Các preset được sử dụng nhiều nhất của Instagram trong thập kỷ đầu tiên là Valencia, Mayfair và Inkwell, tất cả đều kết hợp các hoạt động này.
• Các phong cách hình ảnh nhất quán với thương hiệu. Nếu thương hiệu của bạn xuất bản với một diện mạo dễ nhận biết (các tông màu ấm áp nhất quán cho thương hiệu khách sạn, các tông màu lạnh giảm bão hòa cho ấn phẩm công nghệ, B&W tương phản cao cho cơ quan báo chí), việc lưu các giá trị thanh trượt chính xác như một preset cá nhân cho phép bạn áp dụng diện mạo đó cho mọi bức ảnh mới chỉ trong vài giây. Đặt các thanh trượt một lần, ghi chú các giá trị, và áp dụng lại như mẫu khởi đầu của bạn.
• Chuyển đổi đen-trắng cổ điển. Đối với chân dung, báo chí, hoặc bất kỳ chủ đề nào mà màu sắc là sự phân tâm thay vì điểm chính, preset B&W (thang xám 100% cộng với một sự tăng tương phản nhỏ) tạo ra diện mạo đơn sắc cổ điển. Các nhiếp ảnh gia thời phòng tối đã dành cả sự nghiệp để tinh chỉnh tông màu B&W với việc đốt và che sáng chọn lọc; bạn có thể xấp xỉ cú đấm với một sự tăng tương phản nhanh và một sự nâng nhỏ trong các vùng tối thông qua độ sáng.
• Các sửa chữa độ sáng chuẩn bị cho web. Các ảnh điện thoại được chụp trong nhà hoặc trong ánh sáng hỗn hợp thường trông mờ trên một màn hình được hiệu chuẩn. Một sự tăng độ sáng nhỏ (105-115%) và một sự tăng tương phản (110-115%) khôi phục lại cú đấm mà không làm cho hình ảnh trông sáng không tự nhiên. Đối với các ảnh ánh sáng yếu nơi các vùng tối bị nghiền nát, một sự giảm tương phản (90-95%) cộng với một sự tăng độ sáng khôi phục các chi tiết bóng.
• Mô phỏng vintage và retro. Diện mạo phim của những năm 1970-90 chia sẻ một DNA chung: tương phản hơi giảm, cân bằng trắng ấm hơn, độ bão hòa được làm dịu nhẹ nhàng, đôi khi một chút làm mờ để làm dịu hạt. Các preset Vintage và Fade được tiết lộ ở đây là công thức cho những diện mạo này. Hiệu ứng cross-process (X-Pro II trong thuật ngữ Instagram) đến từ việc kết hợp xoay tông màu với độ tương phản cao và một đường cong bão hòa cụ thể.
• Kiểm tra khả năng tiếp cận và tương phản. Các nhà thiết kế thỉnh thoảng sử dụng các thanh trượt này để xác minh cách bố cục sẽ xuất hiện đối với người dùng có thị lực kém hoặc các mô phỏng mù màu. Đẩy thang xám lên 100% tiết lộ liệu một thiết kế chỉ dựa vào màu sắc để truyền tải thông tin hay không; đẩy độ tương phản xác minh rằng văn bản mỏng vẫn dễ đọc trong các điều kiện xem có thị lực kém. Không phải là sự thay thế cho các công cụ trợ năng phù hợp nhưng hữu ích như một kiểm tra nhanh.

Các cạm bẫy phổ biến và ý nghĩa của chúng

• Các bộ lọc kết hợp, dễ làm quá mức. Đẩy độ sáng, tương phản và độ bão hòa mỗi cái lên 150% không tạo ra hiệu ứng gấp ba lần của một cài đặt 150%; nó tạo ra một hiệu ứng to lớn, phô trương, thường làm suy giảm hình ảnh một cách rõ ràng với các điểm sáng bị cắt và các bóng bị nghiền nát. Bắt đầu với một thanh trượt, đánh giá, sau đó thêm một thanh trượt thứ hai chỉ khi cần. Sự kiềm chế tạo ra kết quả tốt hơn so với chủ nghĩa tối đa.
• Hầu hết các bộ lọc giao hoán, nhưng làm mờ thì không. Về mặt toán học, độ sáng rồi tương phản cho kết quả giống như tương phản rồi độ sáng; thứ tự của hầu hết các hàm bộ lọc CSS không thay đổi đầu ra. Làm mờ là ngoại lệ: làm mờ được áp dụng trước các điều chỉnh màu khuếch tán các cạnh của hình ảnh gốc, trong khi làm mờ sau các điều chỉnh màu khuếch tán các cạnh của một hình ảnh đã được dịch màu, có thể tạo ra các kết quả khác biệt rõ rệt. Đặt làm mờ cuối cùng trong thứ tự tinh thần của bạn, hoặc sau khi các điều chỉnh màu được thiết lập.
• Xuất JPEG thêm mã hóa lại có mất mát. Tải xuống dưới dạng JPEG ở chất lượng 92 giới thiệu nhiễu lượng tử hóa DCT mới trên đầu kết quả bộ lọc. Để xuất chất lượng tối đa PNG (không mất mát); đối với các tệp nhỏ hơn với mất mát không thể nhận thấy, JPEG 92 là tốt. Đừng lặp lại trên một JPEG đã tải xuống (nhập lại, điều chỉnh, xuất lại); mỗi vòng thêm một thế hệ mất mát khác.
• Siêu dữ liệu EXIF và ICC bị loại bỏ khi xuất. Việc mã hóa lại Canvas loại bỏ EXIF (máy ảnh, GPS, ngày chụp), XMP, IPTC và hồ sơ màu ICC được nhúng. Đối với chia sẻ mạng xã hội, đây thường là một lợi ích về quyền riêng tư (tọa độ GPS và số sê-ri của máy ảnh không bị rò rỉ). Đối với các quy trình làm việc lưu trữ hoặc in nơi siêu dữ liệu quan trọng, hãy sử dụng một công cụ máy tính để bàn bảo quản chúng một cách rõ ràng.
• Hình ảnh rất lớn gây căng thẳng cho GPU di động. Các bộ lọc GPU thời gian thực trên một bức ảnh 24 megapixel (6000x4000) yêu cầu ~96 MB bộ nhớ kết cấu chỉ cho hình ảnh nguồn, cộng với không gian làm việc cho các lần lọc. Các thiết bị di động cũ có thể bị giật, mất khung hình, hoặc hết bộ nhớ GPU. Nếu bản xem trước chậm, hãy thay đổi kích thước hình ảnh trước (sử dụng Image Resizer) trước khi lọc.
• Các bộ lọc là toàn cầu, không phải chọn lọc. Mọi bộ lọc trên công cụ này áp dụng cho toàn bộ hình ảnh. Không có cách nào để chỉ làm sáng tiền cảnh hoặc chỉ làm bão hòa bầu trời. Đối với các chỉnh sửa chọn lọc, hãy sử dụng một trình chỉnh sửa dựa trên lớp như Photoshop, Affinity Photo, hoặc GIMP với mặt nạ. Công cụ này dành cho điều chỉnh toàn-hình-ảnh và các preset, không phải chỉnh sửa cục bộ.

Quyền riêng tư: hình ảnh không bao giờ rời khỏi thiết bị của bạn

Mọi dịch vụ bộ lọc ảnh dựa trên đám mây (Pixlr, Fotor, BeFunky, các trang "Instagram-filter" trực tuyến) tải ảnh của bạn lên máy chủ của nhà điều hành, áp dụng bộ lọc trên phần cứng của họ, và trả về hình ảnh đã được lọc dưới dạng tải xuống. Ảnh thường nhúng siêu dữ liệu nhạy cảm ngay cả sau khi lọc: tọa độ GPS nơi ảnh được chụp, thông tin máy ảnh và thiết bị, ngày và giờ chụp, và bản thân nội dung ảnh, thường bao gồm khuôn mặt, vị trí, ảnh chụp màn hình của các giao diện nội bộ, hoặc tài liệu nhận dạng khác. Hầu hết các nhà điều hành công bố các chính sách quyền riêng tư cam kết xóa các tải lên trong vòng một hoặc hai giờ và mã hóa trong quá trình truyền tải, và những nhà điều hành lớn hơn có chứng nhận ISO/IEC 27001. Họ có lý do thương mại mạnh mẽ để tôn trọng các chính sách đó. Nhưng "bị xóa trong một giờ" không phải là "không bao giờ được nhìn thấy." Trong giờ đó, nội dung hình ảnh nằm trong cơ sở hạ tầng của nhà điều hành, có thể truy cập đối với bất kỳ quy trình hoặc người nào có quyền phù hợp, và có thể nhìn thấy trong các bản ghi và bản sao lưu theo chính sách lưu giữ của nhà điều hành.

Công cụ bộ lọc này không bao giờ tải lên bất cứ điều gì. Toàn bộ pipeline (chọn tệp, giải mã thông qua các bộ giải mã tích hợp của trình duyệt, bộ lọc Canvas thông qua GPU, tải xuống tùy chọn thông qua các bộ mã hóa của trình duyệt) chạy bên trong tab trình duyệt của bạn bằng cách sử dụng JavaScript và API CSS Filter Effects được tiêu chuẩn hóa. Không có tải lên, không có yêu cầu mạng nào mang dữ liệu hình ảnh, không có mục nhập bản ghi. Bạn có thể xác minh bằng cách mở các công cụ phát triển của trình duyệt vào tab Mạng trước khi lọc: không có yêu cầu nào được kích hoạt với nội dung hình ảnh. Lưu lượng mạng duy nhất là việc tải trang ban đầu; không có thư viện nào được tải xuống cho thao tác lọc. Chuyển trình duyệt sang chế độ máy bay sau khi trang tải và công cụ bộ lọc tiếp tục hoạt động trên hình ảnh cục bộ.

Khi công cụ khác là lựa chọn phù hợp

• Quy trình làm việc RAW với khoa học màu sắc thích hợp. Nếu bạn đang làm việc với các tệp .CR2, .NEF, .ARW, .DNG hoặc các tệp RAW khác từ một máy ảnh thực sự, hãy sử dụng Adobe Lightroom, Capture One, RawTherapee, hoặc darktable. Chuyển đổi RAW cần các hồ sơ màu cụ thể cho máy ảnh, xử lý cân bằng trắng, và ánh xạ dải động mà các bộ lọc CSS phía trình duyệt không thể thực hiện. Công cụ này hoạt động trên các pixel RGB đã được giải mã.
• Các chỉnh sửa chọn lọc với mặt nạ. Nếu bạn cần chỉ làm sáng đối tượng, thay đổi màu của một đối tượng, hoặc áp dụng các bộ lọc khác nhau cho các phần khác nhau của hình ảnh, hãy sử dụng Photoshop, Affinity Photo, hoặc GIMP với mặt nạ lớp. Các bộ lọc CSS là toàn cầu và không thể thực hiện các chỉnh sửa cục bộ mà không kết xuất và nhập lại.
• Color grading chuyên nghiệp. Đối với nhiếp ảnh thương mại, công việc chiến dịch thương hiệu, hoặc grading phim/video, hãy sử dụng DaVinci Resolve (miễn phí cho ảnh tĩnh và video), Lightroom với các preset tùy chỉnh, hoặc Capture One với các gói phong cách. Những công cụ này cung cấp hỗ trợ LUT, soft proofing, các màn hình đã được hiệu chuẩn, và bộ công cụ mà các colorist chuyên nghiệp mong đợi.
• Tự động hóa hàng loạt qua hàng trăm hoặc hàng nghìn tệp. Sử dụng ImageMagick với các toán tử -modulate và liên quan, hoặc Sharp/libvips trong Node.js, hoặc Pillow với mô-đun ImageEnhance của nó. Các công cụ CLI áp dụng các điều chỉnh giống hệt nhau cho hàng nghìn tệp mà không có giới hạn bộ nhớ trình duyệt và chạy từ CI, deploy hook, hoặc các tác vụ cron.

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

Các bộ lọc có giảm chất lượng của hình ảnh không?

Các bộ lọc được áp dụng ở độ phân giải đầy đủ, vì vậy không có sự mất chất lượng. Khi tải xuống, hình ảnh được xuất ở các kích thước gốc với các bộ lọc được tích hợp. Các xuất JPEG sử dụng 92% chất lượng cho độ trung thực tuyệt vời.

Tôi có thể kết hợp nhiều bộ lọc không?

Có. Tám thanh trượt điều chỉnh hoạt động cùng nhau đồng thời. Bạn cũng có thể bắt đầu từ một cài đặt sẵn sau đó tinh chỉnh một số thanh trượt để có được kết xuất chính xác mong muốn.

«Giữ để so sánh» làm gì?

Khi bạn giữ nút «Giữ để so sánh», bản xem trước tạm thời hiển thị hình ảnh gốc không có bộ lọc. Thả ra để xem lại phiên bản đã lọc. Tiện lợi để so sánh trước/sau nhanh chóng.

Hình ảnh của tôi có được gửi đến đâu đó không?

Không. Tất cả việc xử lý các bộ lọc sử dụng API Canvas tích hợp trong trình duyệt của bạn. Hình ảnh của bạn vẫn hoàn toàn ở trên thiết bị của bạn và không bao giờ được gửi đến một server.

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

Tại sao hình ảnh của tôi trông bị posterized ở các cài đặt cực đoan?

Bởi vì toán học hết khoảng trống. Mỗi kênh màu chỉ có 256 giá trị có thể (0 đến 255 trong RGB 8-bit). Đẩy độ sáng hoặc tương phản vượt xa phạm vi gốc cắt ở 0 hoặc 255 thay vì bảo tồn các gradient duyên dáng. Kết quả là banding (các bước có thể nhìn thấy trong những gì nên là các chuyển tiếp mượt mà) và posterization (các vùng sụp đổ thành một màu duy nhất). Giải pháp: kéo lại thanh trượt cực đoan nhất, hoặc bắt đầu từ một nguồn có độ sâu bit cao hơn nếu bạn có (raw hoặc TIFF 16-bit, được chỉnh sửa trong một công cụ máy tính để bàn bảo quản độ sâu bit).

Tôi có thể lưu một preset tùy chỉnh không?

Không trực tiếp trong UI của công cụ này. Nhưng các giá trị thanh trượt tự nó là "preset" của bạn: ghi chú tám số (độ sáng, tương phản, độ bão hòa, sepia, thang xám, xoay tông màu, làm mờ, đảo ngược) và bạn có thể tái tạo diện mạo trong vài giây trên bất kỳ bức ảnh tương lai nào. Đối với quy trình làm việc nhiều ảnh nơi bạn muốn cùng một diện mạo trên một lô, phương pháp thủ công này mở rộng đến khoảng 5-10 ảnh; vượt qua đó, Photoshop, Lightroom, Capture One, hoặc VSCO với các gói preset đã lưu là công cụ phù hợp.

Thứ tự của các bộ lọc có quan trọng không?

Đối với hầu hết các bộ lọc, không: độ sáng rồi tương phản tạo ra đầu ra giống như tương phản rồi độ sáng. Các hàm bộ lọc CSS cho độ sáng, tương phản, saturate, sepia, thang xám, hue-rotate, và invert tất cả đều giao hoán với nhau. Làm mờ là ngoại lệ: làm mờ được áp dụng trước các thay đổi màu ảnh hưởng đến các cạnh gốc; làm mờ được áp dụng sau ảnh hưởng đến các cạnh đã thay đổi màu, và hai đầu ra khác nhau một cách rõ ràng. Trong thực tế, công cụ này áp dụng tất cả các bộ lọc theo một thứ tự cố định, vì vậy câu hỏi chỉ quan trọng nếu bạn đang cố gắng tái tạo hiệu ứng chính xác của một công cụ khác sử dụng thứ tự khác.

Công cụ này có hoạt động ngoại tuyến không?

Có. Engine bộ lọc CSS, API Canvas, và các bộ giải mã/mã hóa cho JPEG, PNG, WebP, GIF, BMP, và AVIF đều được tích hợp vào mọi trình duyệt hiện đại. Không có thư viện bên ngoài nào được tải xuống cho việc lọc. Sau khi trang chính được tải một lần, các lần truy cập tiếp theo hoạt động hoàn toàn ngoại tuyến miễn là trang vẫn còn trong bộ nhớ cache của trình duyệt. Xác minh bằng cách bật chế độ máy bay sau lần truy cập đầu tiên và áp dụng các bộ lọc cho một hình ảnh cục bộ.

Siêu dữ liệu EXIF có được bảo tồn trong hình ảnh đã tải xuống không?

Không. Việc mã hóa lại dựa trên Canvas loại bỏ EXIF (máy ảnh, ống kính, phơi sáng, GPS, ngày chụp), các khối siêu dữ liệu XMP, IPTC, và hồ sơ màu ICC được nhúng. Hình ảnh đã tải xuống chỉ mang dữ liệu pixel. Đối với chia sẻ mạng xã hội, đây thường là điều mong muốn (tọa độ GPS và số sê-ri thiết bị không bị rò rỉ). Đối với các quy trình làm việc lưu trữ hoặc nhiếp ảnh nơi siêu dữ liệu quan trọng, hãy sử dụng một trình chỉnh sửa máy tính để bàn như Photoshop hoặc Lightroom bảo tồn siêu dữ liệu trong suốt quá trình xuất.

Có một sự thay thế desktop hoặc dòng lệnh không?

Một số. Đối với tự động hóa hàng loạt, các toán tử -brightness-contrast, -modulate và liên quan của ImageMagick áp dụng cùng các phép biến đổi từ bất kỳ shell nào. Sharp trong Node.js có một API điều chỉnh hoàn chỉnh. Pillow trong Python cung cấp ImageEnhance.Brightness, ImageEnhance.Contrast, ImageEnhance.Color và các lớp tương tự. Đối với công việc máy tính để bàn tương tác, Photoshop, Lightroom (tiêu chuẩn chuyên nghiệp), Affinity Photo, GIMP, và Pixelmator Pro đều cung cấp các hoạt động giống nhau cộng với mặt nạ lớp cho các chỉnh sửa chọn lọc.

Công cụ liên quan