Hướng dẫn kiểm tra sự khác biệt của hình ảnh

Cách sử dụng Trình kiểm tra khác biệt hình ảnh

Đánh giá ở cấp độ pixel cho ảnh chụp màn hình, xuất nén, chỉnh sửa sản phẩm và các thay đổi hình ảnh nhỏ cần số liệu khác biệt cục bộ.

Hướng dẫn kiểm tra sự khác biệt của hình ảnhHướng dẫn
01

Bắt đầu với các tệp cơ sở phù hợp và các tệp đã thay đổi từ cùng một cảnh, bố cục, khung nhìn hoặc quy trình xuất.

02

Chạy Tô sáng khác biệt để phát hiện vùng đã thay đổi, sau đó xác nhận kết quả ở chế độ xem thanh trượt, cạnh nhau hoặc lớp phủ.

03

Sử dụng ngưỡng, pixel đã thay đổi, RMSE và PSNR làm tín hiệu đánh giá. Quyết định cuối cùng vẫn đến từ kết quả có thể nhìn thấy.

Đánh giá pixel cho các khu vực đã thay đổi chính xác

Trình kiểm tra khác biệt hình ảnh sẽ xác định sự khác biệt giữa hai hình ảnh có liên quan. Nó phù hợp với việc kiểm tra ảnh chụp màn hình giao diện người dùng, đánh giá chỉnh sửa sản phẩm, đánh giá xuất nén và các thay đổi hình ảnh nhỏ dễ bị bỏ sót trong thanh trượt.

Công cụ này so sánh các pixel được giải mã bởi trình duyệt trên canvas được chia sẻ. Một pixel được tính là đã thay đổi khi đồng bằng kênh màu đỏ, lục, lam hoặc alpha lớn nhất vượt quá ngưỡng đã chọn.

Quy trình làm việc

Trình tự xem xét khác biệt

Tải hình ảnh cơ bản trước

Sử dụng ảnh gốc, ảnh chụp màn hình trước đó hoặc xuất tham chiếu làm hình ảnh cơ sở. Đường cơ sở rõ ràng giúp phát hiện các thay đổi về số lượng pixel dễ dàng hơn.

Tải hình ảnh đã thay đổi thứ hai

Sử dụng ảnh chụp màn hình mới, ảnh đã chỉnh sửa, hình ảnh được tối ưu hóa hoặc biến thể đã xuất làm hình ảnh đã thay đổi. Các thứ nguyên không khớp cần được kiểm tra căn chỉnh trước khi xem xét chỉ số.

Chạy nổi bật khác biệt

Đánh dấu các điểm khác biệt đã thay đổi các khu vực và điền vào thẻ số liệu. Chế độ xem thanh trượt, cạnh nhau và lớp phủ xác minh kết quả được đánh dấu trong ngữ cảnh trực quan.

Điều chỉnh ngưỡng có chủ ý

Ngưỡng thấp hơn nắm bắt những thay đổi tinh tế. Ngưỡng cao hơn sẽ bỏ qua nhiễu nén, sự thay đổi ánh sáng nhỏ và khử răng cưa. Cập nhật khác biệt sau khi thay đổi ngưỡng.

Ngưỡng

Cách chọn ngưỡng khác biệt

Ngưỡng đặt giới hạn chênh lệch kênh cho các pixel đã thay đổi. Không có giá trị phổ quát tốt nhất nào tồn tại; khớp giá trị với nhiệm vụ xem xét.

8

Kiểm tra giao diện người dùng nghiêm ngặt

Hãy thử 8 để biết những thay đổi nhỏ trên ảnh chụp màn hình có thể được nắm bắt rõ ràng.

  • Nhãn nút đã thay đổi từ Lưu thành Áp dụng.

  • Biểu tượng hơi di chuyển, đường viền mỏng biến mất hoặc khoảng cách văn bản thay đổi.

Giá trị này cũng có thể thu được nhiễu ảnh hiển thị nhỏ xung quanh văn bản và các cạnh.

18

Chi tiết ảnh đẹp

Hãy thử 18 để chỉnh sửa hình ảnh chỉ hiển thị sau khi xem kỹ hơn.

  • Bóng của sản phẩm trở nên mềm mại hơn, việc chỉnh sửa khuôn mặt sẽ loại bỏ một vết nhỏ hoặc kết cấu vải bị thay đổi.

  • Một bức ảnh trông gần như giống nhau nhưng phần nổi bật, phản chiếu hoặc mảng màu đã được chỉnh sửa.

Tốt để xem xét chặt chẽ.

32

Cân bằng mặc định

Bắt đầu với 32 cho hầu hết các so sánh.

  • Ảnh chụp màn hình trang đích có cả văn bản và hình ảnh.

  • Hình ảnh sản phẩm đã được xuất lại hoặc bản xem trước từ một công cụ khác cần được kiểm tra nhanh.

Điều chỉnh thấp hơn để kiểm tra chặt chẽ hơn, điều chỉnh cao hơn để kiểm tra các tệp nhiễu ảnh hơn.

64

Những thay đổi lớn có thể nhìn thấy

Hãy thử 64 để tập trung vào những thay đổi rõ ràng.

  • Nền đã được thay thế, một đối tượng được di chuyển, phần cắt bị thay đổi hoặc xuất hiện sự thay đổi màu sắc mạnh.

  • Xuất JPEG hoặc WebP có độ nhiễu nhỏ nhưng bài đánh giá chỉ quan tâm đến những thay đổi mà mọi người nhận thấy nhanh chóng.

Văn bản nhỏ, biểu tượng nhỏ và đường viền chân tóc có thể không còn nổi bật nữa.

Số liệu

Cách đọc số liệu chênh lệch hình ảnh

Pixel đã thay đổi

Số lượng pixel canvas có thể so sánh trên ngưỡng hiện tại. Giá trị phụ thuộc nhiều vào ngưỡng và căn chỉnh.

Phần trăm pixel đã thay đổi

Các pixel đã thay đổi được chia cho tất cả các pixel có thể so sánh được. Nó giúp so sánh hai lần chạy với kích thước hình ảnh hoặc vùng cắt khác nhau.

Đồng bằng RGB trung bình

Sự khác biệt kênh RGB tuyệt đối trung bình. Sự thay đổi màu sắc hoặc độ sáng rộng có thể hiển thị ở đây ngay cả với một tỷ lệ phần trăm diện tích thay đổi nhỏ.

RMSE

Lỗi RGB bình phương gốc. Những khác biệt cục bộ lớn hơn ảnh hưởng đến RMSE mạnh hơn những khác biệt nhỏ rải rác.

PSNR

Tỷ lệ tín hiệu trên tạp âm cao nhất. PSNR cao hơn thường có nghĩa là hình ảnh ở tín hiệu RGB gần hơn; PSNR thấp hơn có nghĩa là lỗi dễ thấy hơn hoặc có thể đo lường được.

Những cạm bẫy thường gặp

Kết quả khác biệt cần xem xét lần thứ hai

Hình ảnh hơi bị dịch chuyển

Dịch chuyển 1 px có thể làm sáng nhiều khu vực, ngay cả khi hình ảnh trông gần như giống hệt nhau. Mở Lớp phủ và kiểm tra xem các cạnh chính có thẳng hàng hay không.

Kích thước hình ảnh không khớp

Chiều rộng hoặc chiều cao khác nhau làm cho việc so sánh ít trực tiếp hơn. Sử dụng chế độ xem trực quan để tìm thấy sự thay đổi rõ ràng, sau đó cắt hoặc xuất các kích thước phù hợp để có số liệu rõ ràng hơn.

Nhiễu nén xuất hiện

Xuất JPEG và WebP thường thêm các đốm nhỏ trên màu và các cạnh phẳng. Tăng ngưỡng nếu đánh giá liên quan đến các chỉnh sửa hiển thị.

Các cạnh văn bản đã thay đổi trong quá trình hiển thị

Phông chữ, biểu tượng và cạnh vectơ có thể xuất hiện trên các pixel hơi khác nhau sau khi thay đổi trình duyệt, phông chữ hoặc xuất. Sử dụng ngưỡng thấp cho QA ảnh chụp màn hình, sau đó xác nhận vùng được đánh dấu bằng mắt.

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

Xem lại nhiệm vụ cho hướng dẫn này

Đánh giá hồi quy ảnh chụp màn hình UI

So sánh chất lượng nén ảnh

Đánh giá chỉnh sửa ảnh sản phẩm

Kiểm tra trước và sau khi chỉnh sửa

Bố cục nhỏ hoặc sự khác biệt xuất khẩu

Dùng thử

Mở tool sau khi đọc hướng dẫn

Tải hình ảnh cơ sở và hình ảnh đã thay đổi, chạy Tô sáng khác biệt, sau đó điều chỉnh ngưỡng cho đến khi các vùng được đánh dấu khớp với nhiệm vụ xem lại.

Mở công cụ

FAQ

Sử dụng Trình kiểm tra khác biệt hình ảnh

Tôi nên sử dụng ngưỡng nào trong trình kiểm tra khác biệt hình ảnh?

Bắt đầu với 32 để xem xét chung. Sử dụng 8 để kiểm tra ảnh chụp màn hình có cùng kích thước nghiêm ngặt, 18 để kiểm tra chi tiết ảnh đẹp và 64 để có những thay đổi rõ ràng hơn.

Điều gì tạo ra nhiều pixel thay đổi trong các hình ảnh tương tự?

Những thay đổi căn chỉnh nhỏ, khử răng cưa, nhiễu nén, khác biệt về cấu hình màu và những thay đổi nhỏ về ánh sáng đều có thể được tính là pixel đã thay đổi. Sử dụng chế độ xem Lớp phủ và điều chỉnh ngưỡng để hiểu kết quả.

RMSE và PSNR có tốt hơn phần trăm pixel đã thay đổi không?

Họ trả lời một câu hỏi khác. Phần trăm pixel đã thay đổi cho biết diện tích đã vượt qua ngưỡng, trong khi RMSE và PSNR tóm tắt lỗi RGB trên khung vẽ có thể so sánh.

Dữ liệu hình ảnh của tôi có an toàn không?

Đúng. Xem trước hình ảnh và so sánh pixel chạy cục bộ trong trình duyệt của bạn. Sự khác biệt không yêu cầu tải lên máy chủ, vì vậy dữ liệu hình ảnh của bạn vẫn ở trong phiên trình duyệt đang hoạt động.