Graphic Editor

Crop, scale and convert images to PNG, JPEG, WebP and AVIF in the browser, with real file sizes and a metadata view.

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 (SVG works too), adjust the selection, which starts out covering the whole image, 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, pick output format and quality, read the real file size (the tool runs a trial encode to get it), and export. It also shows which metadata the original carries — right down to the GPS location.

What the editor can do — at a glance

  • Crop with a freely draggable selection, a move mode, and a lock against accidental dragging with mouse or finger. While you drag or resize it, the selection is kept within the image by default ("Keep selection inside image"); switch that off and it may deliberately extend past the edges to add a border.
  • 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 (mouse wheel too), 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 — it fills transparent areas and any border outside the image. JPEG gets white automatically when no color is set, instead of black.
  • Undo/redo across up to 49 steps (Ctrl+Z / Ctrl+Y) and a reset of rotation, flip, zoom, and position.

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. Transparent areas are filled with white or your background color.
  • 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. In the Image Converter the tool switches to the WASM encoder by itself for such formats.

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. The Image Converter shows you up front what the source file contains (for JPEG and PNG) and highlights the entry when a GPS location is among it.

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.