Graphic Editor

Crop, scale, convert — all in the browser

The Graphic Editor is an image tool for the three jobs that come up constantly in everyday web work: crop an image, scale it to a target size, and convert it to a modern format — PNG, JPEG, WebP, or AVIF. You load an image file, drag out a selection, optionally pick an aspect ratio or a ready-made size preset, and save the result in the format of your choice with adjustable quality.

It saves you from opening a desktop image editor just to trim a header to 16:9, crop a profile picture to a square, shrink a screenshot to a sensible width, or re-export a heavy PNG as a lean WebP/AVIF. No account, no installation, free.

The Graphic Editor is built for everyone who prepares images for the web: developers who need an asset in the right size and format fast; designers and content people who cut social-media graphics from fixed dimensions; and anyone who wants to convert a few images without uploading them to someone else's server.

Two modes: Image Editor and Image Converter

The tool has two tabs — two routes to the same goal:

Image Editor — the full editor with cropping, rotating, flipping, zoom, aspect-ratio and size presets, a live preview, and undo/redo. You shape the image here, then export the cropped result to any of the four formats.
Image Converter — the quick path when you only want to change the format (and optionally downscale) without cropping. Drop an image in, choose the output format and quality, and export with a live file-size estimate.

What the editor can do — at a glance

Crop with a freely draggable selection, a move mode, and a lock to prevent accidental changes.
Aspect ratios as presets from 32:9 down to 1:1 plus "Free", switchable between landscape and portrait.
Size presets for Instagram, Facebook, X, YouTube, LinkedIn, TikTok, Pinterest, web banners, device resolutions, and common formats — they set aspect ratio and exact target pixels in one click.
Transform: rotate in 45° steps or by an exact angle, flip horizontally/vertically, zoom, move pixel by pixel (arrow keys too), center or fit into view (contain/cover).
Scale to a target width with high-quality resampling (Pica, with sharpening).
Background color for the export — handy when a transparent PNG goes out as JPEG.
Undo/redo across up to 50 steps (Ctrl+Z / Ctrl+Y) and a reset back to the original.

Output formats and quality

When saving, four formats are available, each with matching quality steps:

PNG — lossless, ideal for graphics with hard edges, text, or transparency.
JPEG — quality steps from 50% to 100% (recommended 85%), the classic choice for photos.
WebP — lossless or lossy (50–95%, recommended 85%), usually much smaller than JPEG/PNG at the same visual quality.
AVIF — the strongest compression (40–90%, recommended 80%) for the smallest files.

There is also an optional WASM codec mode (MozJPEG, OxiPNG, WebP, AVIF from the Squoosh project). It runs locally in the browser too, often produces even smaller files, and makes AVIF export possible even when the browser doesn't support it natively.

All in the browser — nothing leaves your device

The Graphic Editor works entirely client-side: no upload, no server round-trip, no API. Your image is loaded, edited, and re-encoded directly in the browser via the HTML5 Canvas — the WASM codecs run locally in a Web Worker too. Nothing you load leaves your machine. That's not only fast but the privacy win plain and simple: you can edit confidential screenshots, client material, or private photos without handing them over. One side effect of re-encoding: embedded metadata such as EXIF (including GPS and camera info) is not preserved in the export.

Try it now

→ Open the Graphic Editor — load an image, crop or convert, save in your preferred format. No account, free, right in the browser. A sample image is preloaded so you can start playing with the controls and presets immediately.

Colors — extract a color palette from an image or pick a matching background color to use in the Graphic Editor's export.
Placeholder Service — quick placeholder images with custom dimensions and colors, handy for practicing the crop workflows.
Meta Tags Generator — the matching og:image dimensions for the graphic you just cut to social size here.

There's more on the subpages: the manual with every feature and format in detail, hands-on examples, and a collection of tips & tricks.