Skip to main content
Skip table of contents

Compare modes

The viewer offers modes to compare assets, enabling you to identify differences in versions and assets based on your needs and preferences. The available modes are:

A/B

The A and B canvases represent two assets or versions we compare. The topbar above the toolbar shows which version or asset is assigned to canvases A and B. You can change the version here. The dropdown displays the version number and its creation date.

image-20250908-215116.png

Version indication for canvas A and B, dropdown selector to change version for canvas A

Delta

Delta visually identifies differences between A and B based on pixels. It displays common parts in grey and differences in red, facilitating easy visual comparison.

Screenshot 2025-09-04 at 14.12.40.png

Delta view

Delta view includes settings to tailor the display to your preferences. The primary setting adjusts the sensitivity for detecting differences. Additional options are available in the delta settings menu.

image-20250908-215353.png

Delta Settings Menu

  • Sensitivity: What difference threshold triggers red? Zero allows the highest tolerance; 100 the smallest difference. This allows ignoring compression artifacts in images, for example.

  • Alpha: sets the opacity of common objects rendered in greyscale. 0 is fully transparent; 100 is fully opaque.

  • Antialiased Pixels: Toggle off displays pixels belonging to anti-aliasing artefacts in a separate color. Toggle on displays them in the same color as difference pixels.

  • Diff mask: Toggle on to hide the mask of the common pixels.

  • Antialiased Color: Sets the color for the antialiasing pixels.

  • Diff Color: Sets the color for the difference pixels belonging to canvas A

  • Diff Color Alt: Sets the color for the difference pixels belonging to canvas B

Slider

The slider view displays A and B layered. Drag the slider atop the canvas to reveal A or B.

out3.gif

Slider view

Blinking mode alternates between showing A and B. Adjust the speed by sliding between the tortoise and the hare.

out4.gif

Changing the blinking speed

Click the play/pause button or press the "P" key to toggle blinking.

out5.gif

Play and pause

The display indicates whether A or B is shown. When paused, you can toggle between A and B by clicking A, B, or the arrows between them. Alternatively, press the keyboard shortcut “T” to toggle.

out6.gif

Toggling between A and B

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.