Ideogram Model Image Adder

A Chrome extension that lets you quickly add images from any webpage to your Ideogram custom model.

Features

• Automatic Detection: Recognizes when you have an Ideogram model tab open (ideogram.ai/models/...)
• Visual Overlay: Adds circular plus buttons to all images on the current page
• One-Click Upload: Click the plus button on any image to send it to your model
• Status Indicators: Visual feedback showing loading, success, or error states
• Works Everywhere: Compatible with Pinterest, Google Images, and any image-rich website

Installation

1. Load the Extension in Chrome

Download this repo as ZIP to your computer and unpack.

2. Load the Extension in Chrome

1. Open Chrome and go to chrome://extensions/
2. Enable Developer mode (toggle in the top right)
3. Click Load unpacked
4. Select this extension folder
5. The extension icon should appear in your toolbar

Usage

Step 1: Open Your Ideogram Model

Navigate to your Ideogram model page. The URL should look like:

https://ideogram.ai/models/2r_p1gKOQfaBYrM7wc6ItQ

Step 2: Go to an Image Source

Open another tab and navigate to a website with images you want to add (e.g., Pinterest, Google Images, etc.)

Step 3: Enable the Extension

Click the extension icon in your toolbar and click "Enable on this page"

Step 4: Add Images

Hover over any image to see the purple plus button. Click it to add the image to your Ideogram model.

Button States

State	Appearance	Meaning
Default	Purple circle with +	Ready to add
Loading	Spinning animation	Image being processed
Success	Green circle with ✓	Image added successfully
Error	Red circle with ✗	Failed to add (check Ideogram tab)

Troubleshooting

"No Ideogram model tab found"

Make sure you have your Ideogram model page open in another tab. Click the Refresh button in the popup to re-detect it.

Images not uploading

1. Make sure your Ideogram model page is fully loaded
2. Try refreshing the Ideogram page
3. Check if the image source allows cross-origin requests

Extension not working on a page

Some pages block content scripts. Try:

1. Refreshing the page
2. Clicking the extension icon and enabling manually

Files

├── manifest.json         # Extension configuration
├── background.js         # Background service worker
├── content.js           # Content script for image pages
├── ideogram-handler.js  # Handler for Ideogram tab
├── styles.css           # Button and overlay styles
├── popup.html           # Extension popup UI
├── popup.js             # Popup functionality
├── generate-icons.html  # Icon generator tool
└── icons/
    ├── icon16.png       # 16x16 toolbar icon
    ├── icon48.png       # 48x48 extension icon
    └── icon128.png      # 128x128 store icon

Notes

• The extension only activates when manually enabled via the popup
• Images smaller than 100x100 pixels are ignored (to skip icons/thumbnails)
• A small green dot appears in the bottom-left corner when the extension is active on a page

License

MIT License - feel free to modify and share!