Trình kiểm tra khác biệt ảnh

Vừa đẩy một chỉnh sửa CSS và muốn biết chính xác thứ gì đã di chuyển? Đang so sánh hai ảnh chụp màn hình cho một lượt kiểm tra hồi quy trực quan của QA? Tự hỏi điều gì thực sự đã thay đổi giữa hai phiên bản xuất ra của cùng một bức ảnh? Việc cuộn qua lại giữa hai ảnh và nheo mắt tìm khác biệt vừa chậm vừa không đáng tin cậy — công cụ này chồng hai ảnh lên nhau và cho bạn thấy mọi điểm ảnh đã thay đổi trong một ảnh duy nhất.

Phép so sánh là toán học so sánh điểm ảnh thực sự, cùng họ thuật toán được các công cụ như pixelmatch sử dụng: mỗi điểm ảnh của cả hai ảnh được chuyển đổi từ RGB sang không gian màu YIQ (Y = độ chói, I và Q = các trục sắc độ NTSC), và khoảng cách Euclid giữa hai điểm YIQ được tính toán. Khoảng cách đó được so sánh với một ngưỡng do thanh trượt độ nhạy thiết lập — tăng độ nhạy để bắt các dịch chuyển màu tinh tế, giảm nó để bỏ qua nhiễu nén và chỉ quan tâm đến các thay đổi rõ ràng.

Một phép so sánh từng điểm ảnh ngây thơ sẽ làm sáng lên mọi cạnh đã khử răng cưa coi như "khác biệt" ngay cả khi không có gì có ý nghĩa thay đổi, bởi vì việc làm mịn làm dịch chuyển một số ít điểm ảnh biên đi vài sắc thái. Công cụ này chạy một heuristic khử răng cưa thực sự trên cả hai ảnh: một điểm ảnh chỉ được coi là khác biệt thực sự nếu nó KHÔNG nằm bên trong một gradient làm mịn — cụ thể, nếu lân cận 3×3 của chính nó trong một trong hai ảnh nguồn không đồng thời chứa cả một điểm ảnh sáng hơn và một điểm ảnh tối hơn so với chính nó, đó là dấu vết của một cạnh được làm mịn bởi khử răng cưa thay vì nội dung thực tế.

Tải lên Ảnh A và Ảnh B, điều chỉnh độ nhạy nếu cần và nhấn Thực thi. Bạn nhận được một tỉ lệ phần trăm chính xác các điểm ảnh khác biệt cùng một ảnh khác biệt với mọi thay đổi thực sự được tô sáng bằng màu hồng đậm trên một phiên bản đã làm mờ của ảnh gốc — tải xuống và đính kèm thẳng vào báo cáo lỗi hoặc ghi chú QA của bạn. Cả hai ảnh phải có cùng kích thước; nếu không, công cụ sẽ nói rõ cho bạn thay vì âm thầm cắt xén hoặc kéo giãn một trong hai. Không có gì rời khỏi trình duyệt của bạn tại bất kỳ thời điểm nào.