# Compare images macro

📝

Present a side-by-side comparison of two images into your content with the Compare Images Macro.

| **Description** | Compare two images side-by-side using a slider to reveal their differences |
| --------------- | -------------------------------------------------------------------------- |
| **Type**        | Standard                                                                   |
| **Guest**       | :check\_mark:                                                              |
| **Anonymous**   | 🕙                                                                         |

Compare two images side by side with a built-in slider, providing a dynamic and interactive way to highlight differences or similarities.

Whether you’re looking to conduct visual analyses, showcase before-and-after scenarios, or simply enhance your presentations with engaging comparisons, the Compare Images Macro makes it seamless and effective.

![Compare two images in Confluence](https://help.gocapable.com/images/d9a3a969-87a0-423e-845e-3add67414479.webp)

## [#](#1-open-the-editor-and-type-compare-and-press-enter)1\. Open the editor and type `/compare` and press Enter

![Insert the compare images macro in Confluence](https://help.gocapable.com/images/9803a1d1-1733-47c3-8765-d1dc61506460.webp)

## [#](#2-change-the-options-to-your-desired-configuration)2\. Change the options to your desired configuration

![Configure the compare images macro in Confluence](https://help.gocapable.com/images/3ddbebc9-1ae9-428c-96d8-710ccd0074b5.webp)

## [#](#3-choose-the-left-and-right-image)3\. Choose the Left and Right Image

![Compare images in Confluence](https://help.gocapable.com/images/f30c392e-a877-46c0-b2ac-fa409a104ca3.webp)

## [#](#4-select-a-direction-for-the-slider)4\. Select a direction for the slider

![Compare images in Confluence Settings](https://help.gocapable.com/images/44209d23-2cfb-4f85-bc0e-5fdb33d89eab.webp)

## [#](#5-once-happy-click-save-and-you-re-done)5\. Once happy, click save and you’re done!