https://github.com/haoming02/sd-webui-image-comparison

An Extension for Automatic1111 Webui that adds an image comparison tab
https://github.com/haoming02/sd-webui-image-comparison

stable-diffusion-webui stable-diffusion-webui-plugin

Last synced: 25 days ago
JSON representation

An Extension for Automatic1111 Webui that adds an image comparison tab

• Host: GitHub
• URL: https://github.com/haoming02/sd-webui-image-comparison
• Owner: Haoming02
• License: mit
• Created: 2024-02-17T03:28:12.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-14T16:04:42.000Z (7 months ago)
• Last Synced: 2025-05-07T04:04:23.825Z (5 months ago)
• Topics: stable-diffusion-webui, stable-diffusion-webui-plugin
• Language: JavaScript
• Homepage:
• Size: 3.94 MB
• Stars: 65
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# SD Webui Image Comparison

This is an Extension for the [Automatic1111 Webui](https://github.com/AUTOMATIC1111/stable-diffusion-webui), which adds a new tab for image comparison.

> Compatible with [Forge](https://github.com/lllyasviel/stable-diffusion-webui-forge)






Draggable Image Slider



## Features

Wanna check how your **img2img** went? Simply compare the results in the brand new **Comparison** tab!

### How to Use

> This Extension comes with a few ways to load images; and a few utilities to compare details

- Load Images

    - Manually upload two images to the **Comparison** tab, then click on the `Compare Upload` button

    - Click on the `Compare img2img` / `Compare Inpaint` button to automatically pull from the `img2img` input and output images

    - Click on the `Compare Extras` button to automatically pull from the `Extras` input and output images

- Settings

    > These options are in the `Image Comparison` section under the User Interface category in the **Settings** tab

    - Add new buttons to the `img2img` and `Extras` tabs, that send the input and output images to the `Comparison` tab when clicked

    - Add a new button to the `txt2img` tab, that sends the current result image along with the cached previous result image to the `Comparison` tab when clicked

    - Allow you to `Ctrl` + `Alt` + `Left Click` / `Right Click` on any element, to send its image to either side of the `Comparison` tab

        - Doesn't seem to work on images within the result Gallery, so it's mainly for images from other Extensions / Tabs

- Controls

    - Default

        - Use `left click` to drag the comparison bar

        - Press the `backspace` key or click the `🔄` button to reset the scale and position

        - Press the `+` key or click the `➕` button to zoom in

        - Press the `-` key or click the `➖` button to zoom out

        - Use `arrow keys` to pan around

    - Holding Shift

        - Use `left click` to pan around

        - Use `scrollwheel` to zoom in & out

        - Press the `0` key to reset the scale and position

    - Buttons

        - Use the `Horizontal Slider` checkbox to toggle between *side-by-side* and *top-to-bottom* comparisons

        - Use the `Opacity` slider to alter the transparency of the 2nd image

        - Click on the `Swap` button to quickly exchange the two images

### Infotext

At the bottom of the **Comparison** tab, there is also an `Infotext` panel. When you **manually upload** images generated via the Webui, the panel will display the generation parameters for both images. Parameters that are different between the two images will be highlighted in red.