# Graphic Editor > Crop, scale, and convert images to PNG, JPEG, WebP, and AVIF — entirely in the browser. Your starting point for the manual, examples, and tips. Source: https://www.jpkc.com/db/en/tools/graphic/ ## Crop, scale, convert — all in the browser The [Graphic Editor](https://www.jpkc.com/tools/graphic/) 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](https://www.jpkc.com/tools/graphic/)** — 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. ## Related JPKCom tools - **[Colors](https://www.jpkc.com/db/en/tools/colors/)** — extract a color palette from an image or pick a matching background color to use in the Graphic Editor's export. - **[Placeholder Service](https://www.jpkc.com/db/en/tools/ph/)** — quick placeholder images with custom dimensions and colors, handy for practicing the crop workflows. - **[Meta Tags Generator](https://www.jpkc.com/db/en/tools/meta-tags/)** — the matching `og:image` dimensions for the graphic you just cut to social size here. --- There's more on the subpages: the **[manual](https://www.jpkc.com/db/en/tools/graphic/manual/)** with every feature and format in detail, hands-on **[examples](https://www.jpkc.com/db/en/tools/graphic/examples/)**, and a collection of **[tips & tricks](https://www.jpkc.com/db/en/tools/graphic/tips/)**.