Image Editor

Free browser based image editor: crop, resize, rotate, adjust and convert images online. 100% private — everything is processed locally in your browser, nothing is uploaded.

Image Editor workspace

Configuration

Transform

Crop

Aspect ratio and selection

Pick a ratio, then drag on the image to move or resize the selection.

Rotate & flip

90° steps and mirrors

Resize

Exact pixels or percent

Enhance

Adjust

Presets and color sliders

Caption

Text overlay on export

Output

Export

Format, quality, size estimate

Load an image to see the estimated output size.

Your edited image will appear here

Choose a file, drag & drop it here, or paste an image from the clipboard.

About This Tool

A browser based image editor is a tool that modifies pictures without desktop software or uploads. Use one whenever you need to crop a screenshot, resize a photo for the web, straighten an orientation, touch up colors, or convert between formats. The CodeSamplez Image Editor does all of this entirely in your browser - every pixel is processed locally on your device and your pictures never leave it.

Image Editor Guide

How To Edit Images With This Tool:

  1. Load an image. Click "Choose image" to pick a file, drag & drop an image onto the preview area, paste one from the clipboard, or press "Load Sample" to try the tool with a built-in picture.
  2. Crop, rotate, or resize. Pick a crop ratio and drag the selection on the preview, then "Apply crop". Use the rotate/flip buttons for orientation, or enter exact pixel dimensions (or a percent scale) and "Apply resize".
  3. Adjust colors and add a caption. Tune brightness, contrast, saturation, grayscale, and blur with the sliders, or start from a one-click preset. Optionally enable a caption with custom text, size, color, and position.
  4. Choose the export format. Select PNG for lossless output, or JPEG/WebP with a quality setting to shrink the file. The estimated output size updates as you change format and quality.
  5. Export the result. Click "Export" (or press Cmd/Ctrl+Enter) to download the finished image. Everything was processed locally, so nothing was uploaded.

Advanced Usage

  • For the web: resize to the display size first, then export WebP around 80% quality for the smallest file that still looks sharp.
  • For print or archives: keep PNG (lossless) and avoid repeated JPEG re-exports, which accumulate compression artifacts.
  • For social posts: crop to Square 1:1 or Widescreen 16:9 before exporting so platforms do not auto-crop your subject.
  • For screenshots with text: prefer PNG and skip blur, since lossy compression softens small lettering.

Image Editor Supported Features

  • Crop with preset aspect ratios and a draggable selection.
  • Rotate in 90° steps and flip horizontally or vertically.
  • Resize to exact pixels or by percent with aspect lock.
  • Brightness, contrast, saturation, grayscale, and blur sliders.
  • One-click filter presets: Original, B&W, Sepia, Warm.
  • Text captions with size, color, and position control.
  • Export to PNG, JPEG, or WebP with quality control.
  • Live estimated output file size.
  • Load via picker, drag & drop, clipboard paste, or sample.
  • Reset to original at any time.
  • 100% client-side processing, no uploads.
  • Keyboard shortcut (Cmd/Ctrl+Enter) for export.
Explore More Dev Tools

Technology

This tool uses the browser Canvas 2D API for every pixel operation: geometry edits are baked into a working bitmap, while color adjustments run through the canvas filter pipeline and captions are painted with fillText at export resolution. Everything happens locally in the page, which keeps editing fast and avoids sending your images to a server.

Error Handling

  • Rejects non-image files before decoding, naming the expected formats.
  • Rejects files over 15 MB and decoded images over 25 megapixels with a clear message.
  • Surfaces decode and export failures as toasts without losing the loaded image.
  • Lets you recover at any point with per-section resets or a full reset to the original.

Privacy & Security

  • 100% client-side processing: loading, editing, and exporting happen in your browser.
  • No data storage: your images are not uploaded, persisted, or transmitted by the tool.
  • Works offline after the initial page load in capable browsers.
  • No external services are required at edit or export time.

Browser Compatibility

The tool works in modern browsers that support:

  • HTML5 Canvas API (2D context, filter pipeline, toBlob export)
  • createImageBitmap for decoding uploads
  • File download support for PNG/JPEG/WebP export
  • ES6+ JavaScript features

Feedback

Have a bug report, feature request, or workflow improvement for the image editor? Please contact us.

Frequently Asked Questions (FAQs)

What is a browser based image editor?

A browser based image editor is a web tool that lets you modify pictures - cropping, resizing, rotating, adjusting colors, or converting formats - without installing desktop software and without uploading anything. This editor runs entirely in your browser, so every edit is processed locally on your device and your images never leave it.

How do I crop an image with this tool?

Load an image, pick an aspect-ratio preset such as Square 1:1 or Widescreen 16:9 (or leave it on Free), then drag on the preview to move or resize the selection box. Click "Apply crop" to bake the crop into the working image.

How do I resize an image to exact dimensions?

Open the Resize section, enter the target width and height in pixels, and click "Apply resize". Keep "Lock aspect ratio" checked to have the missing side computed automatically, or switch to Percent mode to scale relative to the current size.

Is this image editor private? Are my photos uploaded anywhere?

Yes. Every operation - loading, cropping, filtering, and exporting - happens locally in your browser using the Canvas API. Your images are never uploaded to a server, stored, or transmitted anywhere.

Which image formats can I open and export?

You can open PNG, JPEG, WebP, GIF, AVIF, and BMP files. Export is available as PNG, JPEG, or WebP, with an adjustable quality slider for JPEG and WebP so you can balance file size against visual fidelity.

What is the maximum image size I can edit?

Files up to 15 MB and decoded images up to 25 megapixels are accepted. Larger inputs are rejected with a message before any heavy processing starts, keeping the page responsive.

How do I reduce an image file size for the web or email?

Load the image, optionally resize it to smaller dimensions, then export as JPEG or WebP with a lower quality setting. The tool shows an estimated output size before you download, so you can tune quality against your size target.

Can I add text or a watermark to my photo?

Yes. Enable the Caption section, type your text, and choose size, color, and position. The caption is painted onto the image at export time and scales with the output resolution.

Do animated GIFs keep their animation after editing?

No. The browser decodes only the first frame of an animated GIF for editing, so the exported PNG, JPEG, or WebP is a still image. Use a dedicated GIF tool if you need to preserve animation.

Does the editor preserve EXIF metadata like camera settings or GPS?

No. Exporting re-encodes the pixels into a fresh file, which drops the original EXIF block - including any embedded GPS location. If you need to keep metadata, treat the export as a metadata-stripped copy.

Can I undo an edit?

Geometry edits (crop, rotate, flip, resize) apply immediately to the working image, while color adjustments and captions stay live until export. "Reset image" restores the original file at any time, and "Reset adjustments" clears only the color filters.

Is this image editor free, and does it work on mobile?

Yes, it is completely free with no signup, watermark, or usage limit. The layout adapts to narrow screens, and touch dragging works for the crop selection, so basic edits are comfortable on phones and tablets.