Discord Reactive Image Generator

If you haven’t watched this 1 minute tutorial yet, please do! It explains how to set everything up. The instructions below only explain how to use the code generator!

1. Enable on Developer Mode

First, we need to enable Developer Mode on Discord. This allows us to easily copy user IDs.

User Settings > Appearance > Developer Mode

2. Copy User ID

Now we can obtain User IDs simply by right-clicking our target’s icon and clicking “Copy ID”.

You want to paste this ID in the Discord User ID label of the form below.

3. Obtain Image URLs

Discord makes creating image URLs very simple. You can send an image anywhere and right-click the image and click “Copy Link” for the image’s URL.

Slight warning: Do NOT expand the image before you copy the link, because it gives you a different URL that is not useable for this code.

Now all you have to do is paste the image(s)’ URLs in the form below into their respective slots. If you are only using one image, you must paste that same image URL in BOTH the Not Speaking URL and Speaking URL labels of the form. Do not leave any of the labels empty.

4. Adjusting the Brightness

Personally, when I set up collabs, I dim the not speaking images to 50%. But I always advise that you set it at 100% for the main streamer. It just looks better this way, but then again this setting is all up to your guys’ preferences. After you input all your settings, click “Generate”.