GitHub Install free

v1.0 in beta  ·  MIT licensed  ·  No tracking

The upload box,
finally fixed.

Inputr reads the dimensions every site secretly wants and gives you a canvas at exactly that size. No Photoshop. No tab switching. Just the right image, right where you are.

Install free Try it on this page
linkedin.com/in/me/edit/banner
↑ Drop your banner here 1584 × 396, max 8 MB

"It reads what the site wants and hands you the right canvas. The upload box stops being a tax."

The whole point What Inputr does

See how it works
How it works

Three steps. Zero leaving the tab.

  1. 01

    Detect

    A content script scans the page for image upload boxes. Known sites use a hardcoded selector. Everywhere else, dimensions are parsed from the helper text near the input.

  2. 02

    Compose

    Pick a mode. Upload and crop, create from text, or draw from scratch. Every export renders at the native target resolution, not the displayed one.

  3. 03

    Ship

    Download, copy to clipboard, or auto-insert into the page's file input. Clipboard fallback for the sites that block direct insertion.

Three modes

One panel. Three ways to make the right image.

01

Upload and crop.

Drop the image you have. Inputr crops to the right ratio, compresses to fit the size budget, and converts to a format the site accepts. Cropper.js handles the interactive crop. Compression runs in a Web Worker.

  • Aspect-locked crop window
  • Iterative quality stepdown
  • Live size readout
1584 × 396
Aa PNG · 1500 × 500
02

Create from text.

Background, headline, optional logo. Composed onto a canvas at the exact target dimensions. Six gradient presets to start, or pick your own colors. The render pipeline is vanilla canvas, no framework overhead.

  • Solid, gradient, or image background
  • Position grid for text and logo
  • Debounced live preview
03

Draw it yourself.

A canvas locked to the target size. Pen, eraser, line, rectangle, circle, arrow, undo, redo. Konva.js handles the stage. Exports at native resolution, no scaling artifacts.

  • Pen plus five shape tools
  • Stroke-history undo and redo
  • Native-resolution export
460 × 460
How the extension stays clean

Local. Forever.

The Inputr extension runs entirely in your browser. Your images never leave your machine. Read the source. Read the build. Run it locally.

No Analytics
No Trackers
No Accounts
No Network calls
No Backend
No Dark patterns
Supported sites

Five today. Yours next.

On these sites Inputr applies known-good constraints automatically. Everywhere else it parses dimensions from the page text. Want one added? Open a PR with the selector and a fixture.

1584 × 396

LinkedIn

banner

PNG · JPEG · max 8 MB

1500 × 500

X / Twitter

header

PNG · JPEG · max 5 MB

460 × 460

GitHub

avatar

PNG · JPEG · GIF · max 1 MB

1500 × 600

Notion

page cover

PNG · JPEG · max 5 MB

150 × 150

YouTube

watermark

PNG · JPEG · BMP · max 1 MB

+ add

Your site

open a PR

10 lines of TypeScript and a fixture ↗
Try it here

Test the extension on this page.

This is a real <input type="file"> with a real constraint label. Installed Inputr? The toolbar icon should glow orange and read 1200 × 800 · max 5 MB without you doing anything. Click the icon to open the side panel, or use the box below as a vanilla file picker.

No file picked yet.

Don't have the extension yet? Install it in ninety seconds →

Install

Make uploads stop hurting.

v0.1.0 · 1.2 MB

Download the zip

Side-load the v0.1.0 release into Chrome in ninety seconds. Five clicks, one folder, no accounts. The full install guide is on the next page.

inputr.vercel.app/install ↗ Open source · MIT

Read the source

Inputr lives on GitHub. Star to follow releases, open an issue, or send a PR. npm install then npm run zip reproduces the same artifact.

github.com/namanbarkiya/inputr ↗