Image Color Reducer

An efficient, browser-based tool to quantize images by reducing their color palette. Perfect for preparing assets for retro consoles, pixel art, or optimizing graphics without dithering artifacts.

🚀 Launch Tool

Features

• No Dithering: Maps every pixel to the nearest palette entry for clean, solid color results.
• Multiple Palette Sources:
  • Presets: Choose from classics like IBM 16, PICO-8, C64, Game Boy, and more.
  • External: Upload an image to extract a custom color palette.
  • Auto-Extract: Automatically generate a palette from your source image using K-Means clustering logic.
• Multiple Distance Algorithms: Choose between Redmean (balanced/perceptual), Euclidean (standard), and CIELAB (high accuracy) for color matching.
• Real-time Preview: Use the split-slider view to compare the original and reduced images instantly.
• Browser-Based: Runs entirely in your browser. No files are uploaded to a server; your data stays local.

How to Use

1. Load an Image: Click the "Upload" area or drag and drop a PNG, JPEG, or WebP file into the tool.
2. Select Palette:
   • Use the Presets tab to select a known color set.
   • Use the External PNG tab to upload an image to use as your color reference.
   • Use the Auto Extract tab to have the tool detect the most prominent colors in your image.
3. Refine: Adjust the "Matching Distance Algorithm" or manually add/remove colors from the active swatches.
4. Download: Once satisfied, click "Download Processed PNG" to save your quantized image.

Built With

• Tailwind CSS for a responsive, modern UI.
• Lucide Icons for iconography.
• Native Canvas API for high-performance image processing.

Development

This is a single-file application. You can view the source code directly in index.html.

To run locally:

1. Clone this repository.
2. Open index.html in any modern web browser.

---

Created by Salivity