A VS Code extension for optimizing images directly inside the editor. Resize, crop, rotate, compress and convert formats — without leaving VS Code, without uploading anything to the cloud.
Powered by magickwand.js (full ImageMagick-7 bindings for Node).
- Resize — width/height inputs, lock aspect ratio, quick percentage presets
- Crop — drag a region on the preview, or type exact coordinates
- Rotate & Flip — 90° presets, free-angle slider, horizontal / vertical flip
- Compress — quality slider (1–100) for lossy formats
- Change format — JPEG, PNG, WebP, GIF, TIFF, BMP (and AVIF where the bundled binary supports it)
- Live preview with output size estimate
- Save As dialog with a smart default filename (
photo.optimized.webp) — never overwrites your source
- From the Explorer: right-click any image file → Optimize Image with ImageMagick.
- From the command palette:
Cmd/Ctrl+Shift+P→ ImageMagick: Open Image → pick a file. - Drag & drop: open the panel via the command palette, then drag an image into the preview area.
Reads anything ImageMagick can read. Writes whichever formats are present in the prebuilt magickwand.js binary on your platform — typically JPEG, PNG, WebP, GIF, TIFF, BMP. The extension probes the available encoders at startup and only shows formats it can actually produce.
npm install
npm run watch # rebuild extension + webview on saveThe webview is a Svelte 5 + Tailwind v4 SPA. All ImageMagick work runs in the extension host (Node) — the webview only renders a downscaled PNG preview returned via base64.
MIT