Image Editor

What this tool does

• Crop, resize, rotate & flip — drag a crop box (with quick 1:1, 4:5, 16:9 and other aspect-ratio presets) over your photo, resize to an exact pixel size, a percentage, or a ready-made social media size, rotate in 90° steps, and flip horizontally or vertically
• Photo adjustments & one-click presets — brightness, contrast, saturation, grayscale, sepia, invert, hue rotation, blur, sharpen and vignette, plus 16 one-click style presets like Noir, Vintage and Vivid
• Text, shapes, freehand drawing & image layers — add unlimited text captions, rectangles, ellipses, lines, arrows, a freehand pen, or another photo/logo on top, each with its own color, size, opacity, rotation and blend mode
• Drag-to-position everything — every layer is draggable directly on the live preview, resizable by its corner handle, and nudgeable with the arrow keys
• Meme text & eyedropper — add a top/bottom meme caption in one click, and pick any color straight off your photo with the eyedropper tool
• Layer manager — reorder, duplicate or delete any layer from a simple list
• Undo/redo & autosave — step back through your edit history with Ctrl+Z, and pick up where you left off if you accidentally close the tab
• Export as PNG, JPEG or WebP — with adjustable quality for JPEG and WebP

Why edit a photo in the browser

• Quickly prep a product photo, social post or flyer image without installing design software
• Combine a photo with a logo, sticker or second photo before sharing it
• Caption a screenshot or photo with a headline, price or call-to-action
• Fix exposure or color on the fly with brightness, contrast and saturation sliders

How layers work

Your photo sits on the bottom, with any text and image layers stacked on top of it in the order shown in the Layers tab. Click a layer in the list — or click it directly in the preview — to select it and edit its text, color, size, opacity or rotation. Drag a layer anywhere on the preview to move it, and drag the round handle on an image layer's corner to resize it. Use the up and down arrows in the layers list to bring a layer to the front or send it to the back.

Preparing images for the web without losing quality

Most image quality loss happens from repeated re-saving, not from a single edit. Every time a JPEG is opened and re-exported, its compression is reapplied on top of the previous pass, compounding artifacts — this is why a photo edited five times in a row often looks noticeably worse than the same edits made once. Working non-destructively (adjusting the original, exporting once at the end) avoids this entirely.

• Match the format to the content. Photos compress well as JPEG or WebP; screenshots, logos, and anything with flat color or text hold up far better as PNG, since JPEG's compression is tuned for photographic detail and tends to blur sharp edges and text.
• Resize before you compress, not after. Shrinking a large image to its actual display size removes far more file weight than compression alone, and avoids the browser doing that scaling work (and quality loss) on every visitor's device.
• Color space matters for accuracy. Most cameras and editors work in sRGB by default, which is also what nearly every browser assumes — exporting in a different color profile (like Adobe RGB) can make colors look washed out or shifted once viewed on the web.
• Keep a full-quality original. Once an image is cropped, resized down, and compressed, that detail is gone for good — keep an unedited copy if you might need a different crop or a larger version later.

Frequently asked questions