Guides/How to Use Images

How to Use Images

Learn how to add and reference images (logos, objects, products) in your AI thumbnail generations

The Images section in the editor lets you add logos, objects, products, or any visual elements you want to include in your thumbnails. This guide shows you how to reference images effectively.

<iframe className="absolute inset-0 h-full w-full border-0" src="https://www.tella.tv/video/vid_cmktaaz1l001s04l5dlpeey1v/embed?b=1&title=1&a=1&loop=0&t=0&muted=0&wt=1" allowFullScreen allow="transparency">

How Image Referencing Works

When you add an image to the editor:

  1. Upload the image - Click "Add Image" and select your file
  2. Auto-analysis - The AI analyzes your image and generates a description
  3. Name assignment - Each image gets a name (e.g., "Image 1")
  4. Use in prompt - Reference the image name in your prompt

The system prompt tells the AI model what each image name represents, using the auto-generated description. This is how the AI knows exactly which image you're referring to.

Adding Images

Upload a New Image

  1. Go to the Images section in the editor
  2. Click Add Image
  3. Select an image file (PNG, JPG, or WebP)
  4. Wait for the upload and analysis to complete

You can also paste images directly into the prompt textarea using Ctrl+V (or Cmd+V on Mac).

Previously uploaded images are saved to your gallery:

  1. Click the Gallery tab in the Images section
  2. Select any previously uploaded image
  3. It will be added to your current generation

Naming Your Images

By default, images are named "Image 1", "Image 2", etc. You can rename them for easier reference:

  1. Double-click on the image name
  2. Type a descriptive name (e.g., "red logo", "try icon", "product shot")
  3. Press Enter to save

Why rename? Descriptive names make your prompts clearer and help the AI understand your intent.

Referencing Images in Your Prompt

Use the exact same name in your prompt that appears in the Images section:

If you have an image named "red square":

Replace the orange logo next to the text with red square

The AI will:

  • Identify the orange logo in your reference image
  • Replace it with your uploaded "red square" image

Example 2: Adding an Object

If you have an image named "try icon":

Add try icon in the bottom right corner

Example 3: Multiple Images

With "logo A" and "logo B":

Replace the left icon with logo A and the right icon with logo B

Best Practices

Use Descriptive Names

Bad NameGood Name
Image 1red logo
Image 2cursor icon
Image 3macbook product

Be Specific in Your Prompt

Describe the element you want to replace:

  • Bad: "Replace the logo with red square"
  • Good: "Replace the orange logo next to the 'nouveau' text with red square"

Use High-Quality Images

For best results:

  • Use clear, high-resolution images
  • Prefer images with transparent backgrounds for logos
  • Avoid blurry or pixelated images

Understanding the Process

When you generate a thumbnail with referenced images:

  1. The AI receives your prompt
  2. It sees each image with its name and auto-generated description
  3. It matches the name in your prompt to the correct image
  4. It incorporates that image as specified

This is why using the exact same name is crucial. The AI uses both the name and description to understand what you want.

Keyboard Shortcut

Once your prompt is ready:

  • Press Cmd + Enter (Mac) or Ctrl + Enter (Windows) to generate immediately

Image Limits

There's a maximum of 10 total images across all sources:

  • Person images (from selected persons)
  • Inspiration images (from style references)
  • Uploaded reference images
  • Editing image (when editing a thumbnail)

Troubleshooting

Image Not Being Used

If the AI ignores your image:

  1. Check the name matches exactly (case-sensitive)
  2. Be more specific about where to place it
  3. Describe what the image is in your prompt

Wrong Image Used

If the AI uses the wrong image:

  1. Rename your images to be more distinct
  2. Add clarifying descriptions in your prompt

Summary

  1. Upload images via "Add Image" or paste directly
  2. Wait for auto-analysis to complete
  3. Rename images with descriptive names (double-click)
  4. Reference the exact name in your prompt
  5. Be specific about placement and what to replace
  6. Use Cmd/Ctrl + Enter to generate quickly

Next Steps