How to Add Images to the Wheel

Introduction

Images are one of the best ways to make your prize wheel stand out. Whether you’re creating a classroom activity, a game-night spinner, a YouTube stream tool, or a prize selector for an event, adding icons and pictures can instantly bring your wheel to life.

Random Prize Wheel makes image handling simple, flexible, and fast. This guide explains every image-related feature—from uploading and previewing to removing and controlling layout behavior.

Add an Image to a Panel

To add an image, look in the Customize Wheel panel to the left of your wheel. Each panel row has an image box on the right side. Click that box to upload an image from your computer or device.

• You can upload PNG, JPG, SVG, or GIF files.
• The image inserts immediately into the wheel.
• Each panel can have its own unique image.

How the Wheel Displays Images

Once an image is added, the wheel automatically adjusts how it is positioned based on whether the panel has text.

• Image Only: If the panel has no text, the image is centered and given maximum space.
• Text + Image: The image appears to the left and the text appears next to it, sharing the space evenly.
• Auto-Scaling: Images are scaled so they always remain fully visible inside the rectangular panel shape.

This auto-layout ensures your wheel always looks clean and readable— no matter what combination of text and graphics you choose.

Preview Images with Hover

It can be difficult to determine which image is on which panel after they have all been uploaded. To assist with this, on desktop devices, you can view an image by hovering over any image box in the Customize Wheel panel. A small preview pops up, letting you see which image occupies which panel.

This is especially helpful when uploading multiple icons or similar graphics.

Replace an Existing Image

To replace an image, simply click the existing image in the Customize Wheel panel. You’ll be prompted to choose a new one.

The new image appears instantly on the wheel, and your previous one is removed automatically.

Remove an Image (Right-Click)

Removing an image is just as simple. If a panel currently has an image, right-click it in the Customize Wheel panel to delete it.

Once deleted, the wheel immediately recalculates layout and returns the panel to text-only mode.

Working with Text and Image Together

When a panel includes both text and an image, the wheel uses a balanced layout that keeps everything readable:

• Text appears centered.
• The image appears next to the text.
• Both share horizontal space automatically.
• The image never overlaps or hides the text.

This is ideal for prize names followed by icons, food choices followed by pictures, or even random-draw wheels with both label and visual cue.

Image Quality and Optimization Tips

For the clearest results:

• Use high-resolution images (512×512 or larger recommended).
• Use PNG for icons, logos, and simple shapes.
• Avoid extremely wide or tall images—square or round works best.
• Make sure the background of your image compliments the panel color.

The wheel engine automatically handles size and positioning, but better source images will always give a cleaner result.

Saving a Wheel with Images

When you save the wheel, all images are stored directly in your wheel data as encoded files. That means:

• Your wheel loads instantly, even on other devices.
• No external file hosting is required.
• Nothing breaks if you reorganize files on your computer.

Any wheel you save with images will always look the same when you open it later.