Image Inputs in Playground

Overview

The Prompt Playground supports image inputs for working with multi-modal models, like GPT-4o. This feature allows you to iterate on tasks such as image caption generation, visual QA, and more.

You can pass images into your prompts by uploading image URLs as variables. These are used as inputs in your LLM calls—perfect for experimenting with visual content alongside text.

Step-by-Step: Adding Image Inputs

1. Open the Prompt Playground

Navigate to Prompt Playground from the sidebar. Select a multi-modal model (e.g., gpt-4o) from the dropdown.

2. Add an Image Input Variable

Click the image icon (🖼️) in the variables section to define an image input.

• Give your image variable a descriptive name (e.g., white_lotus_hotel)

• Click "Add Variable"

Select the "image" icon to add an image input variable.

3. Upload an Image URL

Paste a supported image URL into the input field (JPG, PNG, or base64 formats are accepted).

• Example: https://example.com/images/hotel.jpg

• Click "Submit" once the image is loaded.

Upload an image with a supported url format. Accepts web URLs (jpg, png, etc.) or base64 data URLs.

4. View Results Side-by-Side

Run your prompt. The playground will display:

• The image input

• The LLM-generated output

Example Output:

“Unwind in style: Where luxury meets tranquility by waterside elegance.” #LuxuryGetaway #PoolsideParadise

View the image input and LLM output side-by-side in the playground UI.