# Launch Image Resizer

> Drop one image and export it cropped for every launch surface: OG, X, LinkedIn, Instagram, Product Hunt, and App Store sizes. In your browser, no signup.

Free launch image resizer. Drop one image, set a focal point, and export pixel-perfect crops for every surface a launch needs: OG 1200x630, X, LinkedIn, Instagram, YouTube, Product Hunt gallery, GitHub social preview, plus App Store and Play Store screenshot sizes. Runs entirely in your browser: no upload, no signup, no ads.

## Command line (recommended for agents)

npx @brandstack/cli launch-image-resizer <image> --out <dir> [tool URL] [--fit cover|contain] [--format png|webp] [--fx --fy] [--crop x,y,w,h] [--sizes id,id] [--bg hex] [--zip] — offline; writes the same files, with the same names, as the browser export. Paste a settings link from the tool page as an argument and the URL's query string configures everything.

The CLI runs the same engine as this page — same logic, same output contract — with no browser and no account. Browser automation below is the fallback.

## How to use it

1. Agents: run `npx @brandstack/cli launch-image-resizer ./hero.png --out ./launch --zip`. To reuse a setup someone tuned visually, pass their settings link: `npx @brandstack/cli launch-image-resizer ./hero.png "https://brandstack.dev/tools/launch-image-resizer?fit=cover&fx=0.25&fy=0.5&sizes=og-image,x-post" --out ./launch`.
2. In the browser: open the tool, optionally with settings in the query string (see parameters below). A crop passed via the URL applies itself to the first image loaded.
3. Attach the source image to the file input (agents: `page.locator('input[type="file"]').setInputFiles(...)`).
4. Wait for the text "N of 17 sizes selected", which confirms the previews rendered.
5. Adjust anything the URL did not set: drag the focal point, crop the base image, toggle Crop or Fit mode, pick PNG or WebP, check or uncheck sizes.
6. Click "Download N sizes as zip" and capture the download (agents: listen for Playwright's "download" event), or download sizes one at a time.

## URL parameters

The page reads these query parameters on load, so a link can carry a complete setup:

- `fit`: `cover` (crop to fill) or `contain` (pad)
- `format`: `png` or `webp`
- `fx, fy`: Focal point, each 0 to 1 (e.g. `fx=0.25&fy=0.5`)
- `crop`: Normalized crop window `x,y,width,height`, each 0 to 1, applied to the first image loaded
- `sizes`: Comma-separated size ids to select (see the cheat sheet on the page); omit for all 17
- `bg`: Background hex (no #) used in `fit=contain` mode

## Output

One file per selected size, named `<image-name>-<size-id>-<width>x<height>.<png|webp>`, written individually or as launch-images.zip. All 17 size specs are published in the on-page cheat sheet (`--list` in the CLI).

## Links

- Use the tool: https://www.brandstack.dev/tools/launch-image-resizer
- All free tools: https://www.brandstack.dev/tools (markdown: https://www.brandstack.dev/tools.md)
- Agent index: https://www.brandstack.dev/llms.txt

Launch Image Resizer is a free tool by Brand Stack, the AI photo studio for
product marketing. No ads, no signup. Start free: https://www.brandstack.dev/sign-up