Trình kiểm tra khác biệt hình ảnh
Tải lên hai hình ảnh và xem sự khác biệt hình ảnh chính xác đến từng pixel giữa chúng, với so sánh YIQ theo cảm nhận và làm nổi bật nhận biết khử răng cưa — 100% cục bộ trong trình duyệt của bạn.
kết quả
Đã gửi một chỉnh sửa CSS và muốn biết chính xác điều gì đã di chuyển? So sánh hai ảnh chụp màn hình để kiểm tra hồi quy hình ảnh QA? Bạn đang thắc mắc điều gì thực sự đã thay đổi giữa hai phiên bản xuất của cùng một bức ảnh? Việc cuộn qua lại giữa hai hình ảnh và nheo mắt để tìm sự khác biệt diễn ra chậm và không đáng tin cậy — công cụ này phủ lên cả hai hình ảnh và hiển thị cho bạn mọi pixel đã thay đổi trong một hình ảnh.
Phép so sánh này là phép toán khác biệt pixel thực, cùng một nhóm thuật toán được các công cụ như pixelmatch sử dụng: mọi pixel của cả hai hình ảnh đều được chuyển đổi từ RGB thành không gian màu YIQ (Y = luma, I và Q = trục sắc độ NTSC) và khoảng cách Euclide giữa hai điểm YIQ được tính toán. Khoảng cách đó được so sánh với ngưỡng do thanh trượt độ nhạy đặt — tăng độ nhạy để nắm bắt những thay đổi màu sắc tinh tế, giảm độ nhạy để bỏ qua nhiễu nén và chỉ quan tâm đến những thay đổi rõ ràng.
Một so sánh đơn giản trên mỗi pixel sẽ làm sáng tỏ mọi cạnh khử răng cưa là "khác biệt" ngay cả khi không có gì thay đổi có ý nghĩa, bởi vì quá trình làm mịn sẽ dịch chuyển một số pixel viền theo một vài sắc thái. Công cụ này chạy phương pháp chẩn đoán khử răng cưa thực sự trên cả hai hình ảnh: một pixel chỉ được coi là một sự 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ể là nếu vùng lân cận 3x3 của chính nó trong cả hai hình ảnh nguồn chưa chứa cả pixel sáng hơn và pixel tối hơn chính nó, đó là dấu vân tay của cạnh được làm mịn bằng AA chứ không phải nội dung thực tế.
Tải lên Hình ảnh A và Hình ảnh B, điều chỉnh độ nhạy nếu cần và nhấn Thực thi. Bạn nhận được tỷ lệ phần trăm chính xác của các pixel khác nhau cộng với một hình ảnh khác biệt với mọi thay đổi thực sự được đánh dấu bằng màu đỏ tươi trên phiên bản mờ của phiên bản 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 hình ảnh phải có cùng kích thước; nếu không, công cụ sẽ cho bạn biết rõ ràng thay vì âm thầm cắt xén hoặc kéo dài một trong số chúng. Không có gì rời khỏi trình duyệt của bạn bất cứ lúc nào.
Các tập tin và dữ liệu đầu vào của bạn sẽ không bao giờ rời khỏi thiết bị này. Quá trình xử lý chạy hoàn toàn ngoại tuyến. An toàn 100%.
Định dạng và quy tắc được chấp nhận
- So sánh delta YIQ trên mỗi pixel (Y/I/Q được chuyển đổi từ RGB thông qua công thức NTSC tiêu chuẩn) với ngưỡng được điều khiển bằng thanh trượt.
- Hình ảnh khác biệt làm nổi bật mọi pixel được gắn cờ bằng màu đỏ tươi trên bản sao thang độ xám mờ của hình ảnh đầu tiên, cộng với chỉ số chính xác "X% pixel khác nhau".
- Xóa lỗi nếu hai hình ảnh có kích thước khác nhau, thay vì âm thầm cắt xén hoặc kéo dài một trong số chúng.
Lợi ích chính
Trường hợp sử dụng
- • Có phải việc triển khai CSS hoặc bố cục đó đã vô tình làm thay đổi điều gì đó - chính xác thì điều gì đã di chuyển giữa ảnh chụp màn hình trước và sau?
- • Làm cách nào để chạy kiểm tra hồi quy trực quan nhanh chóng trên ảnh chụp màn hình giao diện người dùng mà không cần cài đặt Percy hoặc công cụ QA trả phí?
- • Bức ảnh này thực sự chưa được chỉnh sửa hay ai đó đã chỉnh sửa một khu vực cụ thể - tôi có thể chứng minh nó từng pixel không?
Đánh giá công cụ này
