Skip to main content
Using the Compare Images Macro

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

Updated over a week ago

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.

Animated Guide

Follow along with this animated tutorial.

Step-by-Step

1. Open the editor and type /compare images and press Enter

2. Change the options to your desired configuration

3. Search for media or enter a URL for both the Left and Right Image

4. Select the direction the slider will compare the images

5. Change the aspect ratio of the images

6. Choose the alignment of the display

7. Change the height of the display

8. Use the slider to preview how it would look

9. Once happy, click save

10. Don't forget to update your page to see it in action!

Did this answer your question?