Azure OpenAI Image Token Calculator

The Azure OpenAI Image Token Calculator is a simple application designed to estimate the number of tokens and the cost associated with processing images using Azure OpenAI's multimodal models, such as GPT-5, GPT-4.1, o-series, GPT-4o, and Computer Use. This tool helps users understand the how the tokens and cost is calculated based on the selected model's specifications and the number of images to be processed.

Use the app: https://jamesmcroft.github.io/openai-image-token-calculator/

Usage

1. Select a Model: Browse the model cards using search and filter chips (Latest, Budget, Premium, Image Gen, Retiring) and tap a card to select it. In compare mode, select multiple models to see costs side by side.
2. Add Images: Click "Add Image" and configure the height, width, and quantity for each image in your request. Use presets for common sizes or enter custom dimensions.
3. View Results: Results update live as you change inputs. On desktop, the results panel is always visible on the right. On mobile and tablet, tap the bottom bar to view full results.
4. Cost Projection: Enter a "Requests per day" value in the results panel to see estimated daily and monthly costs.
5. Share: Copy results as text or a spreadsheet-friendly table, or copy a shareable link that encodes your full configuration.

Running Locally

Prerequisites

• Node.js installed on your machine (recommend using the LTS version)

Steps

1. Clone the repository:

   git clone https://github.com/jamesmcroft/openai-image-token-calculator.git
   cd openai-image-token-calculator

2. Install the dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and navigate to the local server address (usually http://localhost:5173).

Building the Application

To build the application for production, run the following command:

npm run build

This will create a dist directory containing the compiled application.

Contributing 🤝🏻

Contributions, issues and feature requests are welcome!

Feel free to check the issues page. You can also take a look at the contributing guide.

We actively encourage you to jump in and help with any issues, and if you find one, don't forget to log it!

Support this project 💗

As many developers know, projects like this are built and maintained in maintainers' spare time. If you find this project useful, please Star the repo.

Author

👤 James Croft

• Website: https://www.jamescroft.co.uk
• GitHub: @jamesmcroft
• LinkedIn: @jmcroft

License

This project is made available under the terms and conditions of the MIT license.