photopea/photopea
Photopea
Photopea is a browser-based image editor that runs entirely in the browser without requiring any downloads or installations, capable of editing both raster and vector graphics. It functions as a multi-format image converter, a PSD file editor, a RAW photo processor, and a vector graphics editor, all within a single web application.
The editor distinguishes itself through its extensive file format support, opening and saving industry-standard formats including PSD, AI, Sketch, Figma, and XD, as well as native files from Affinity, InDesign, and Krita. It also supports RAW camera files from Nikon, Canon, and Sony, and can open animated formats like GIF and MP4. Beyond file handling, it offers professional photo retouching tools such as Levels, Curves, Liquify, and Puppet Warp, along with AI-powered features for background removal and text-based image editing.
The application provides a comprehensive set of editing capabilities, including advanced adjustments, color management with CMYK support, perspective editing, smart selection tools with edge refinement, and vector graphics creation with live shapes and text on path. It supports batch processing through action recording and script execution, and allows for automation workflows. The editor can be configured and extended through URL-based settings, localization, custom presets, and a plugin scripting interface.
Documentation and configuration are accessible through a URL-based system that accepts JSON objects for setting files, resources, server endpoints, and API keys, enabling zero-install customization and integration.
Features
- Browser-Based Editors - Edits raster and vector graphics directly in the browser without requiring any downloads or installations.
- Image Format Decoders and Encoders - Parses and writes over 40 image formats by implementing format-specific decoders and encoders in JavaScript.
- Unified Raster and Vector Editors - Edits both raster and vector graphics in a single web-based application for tasks from simple resizing to complex design.
- Browser-Based Processors - Processes RAW camera files directly in the browser with exposure and color adjustments.
- Multi-Format File Openers - Opens and saves industry-standard design files including PSD, AI, Sketch, and Figma for cross-application workflows.
- Manual Photo Retouching Tools - Provides professional photo retouching tools including Levels, Curves, Liquify, and Puppet Warp for high-quality editing.
- Canvas Rendering - Renders graphics by drawing directly to an HTML5 Canvas element using JavaScript for real-time pixel manipulation.
- Vector Graphics Editors - Creates and edits vector shapes, paths, and illustrations for logos and icons.
- Image Format Conversion - Converts images between complex, raster, raw, and animated formats including PSD, PNG, JPG, SVG, and MP4.
- Multi-Format Graphic Support - Opens and edits over 40 image and document formats including PNG, SVG, PDF, AI, and Figma files.
- RAW Camera File Support - Opens raw camera files from Nikon, Canon, and Sony for professional photo editing.
- Multi-Format Image Exports - Saves edited images in a wide range of raster, vector, raw, and animated formats.
- JavaScript Engines - Executes all image processing and UI logic in the browser using a single-threaded JavaScript runtime.
- Design File Format Support - Opens and saves industry-standard file formats including PSD, AI, and Sketch for cross-application compatibility.
- PSD Editors - Opens and saves Adobe Photoshop PSD files with full layer and mask preservation.
- PSD File Editing - Opens and saves PSD files while preserving layers, masks, and other editing data.
- AI Image Editing - Removes image backgrounds with one click and replaces image parts using text descriptions.
- AI Background Removal and Inpainting - Removes image backgrounds with one click or replaces parts of an image using text descriptions.
- Professional Adjustment Tools - Ships professional adjustment tools like Levels, Curves, Liquify, and Puppet Warp.
- Design Templates - Starts new projects from pre-designed templates for quick design creation.
- Slice and Artboard Exports - Exports selected regions and artboards as separate image files for multi-layout web and app design.
- Interface Translation Systems - Translates the editor interface into a chosen language, replacing all visible labels and messages.
- Local Storage Persistence - Saves work-in-progress documents to the browser's IndexedDB or localStorage for offline recovery.
- Editor Configuration Sharers - Passes a JSON configuration object in the URL hash to set files, resources, server, environment, and API keys.
- Editor Scripting Interfaces - Exposes a JavaScript API that allows external scripts to control editor actions and automate workflows.
- Hash-Based Configuration Loaders - Accepts editor settings and file references through a JSON object embedded in the URL hash for zero-install customization.
- Remote Image Loaders - Opens remote image files by passing their URLs in a JSON configuration object, supporting standard and data URIs.
- Selection Edge Refinements - Improves selection edges with tools for hair, fur, and other fine details.
- Adjustment Presets - Saves and applies custom presets for filters, adjustments, and other tools.
- Affinity File Support - Opens and edits native files from Affinity Designer and Affinity Photo for cross-application workflows.
- Region Exporters - Exports selected regions of a design as separate image files for web or app use.
- Figma File Support - Opens and edits native Figma design files for cross-platform collaboration.
- Illustrator File Support - Opens and edits native Adobe Illustrator files with full layer and vector support.
- Frame-Based Editors - Opens GIF and MP4 as frame-based layers and exports them back to animation formats.
- Pin-Based Deformers - Deforms parts of an image by placing pins and moving them to reshape content.
- InDesign and Krita File Support - Opens and edits native files from InDesign and Krita for cross-application workflows.
- Local Selection Tools - Selects complex image regions with improved edge detection and refinement tools.
- Image Filter Accelerators - Offloads computationally intensive image filters and transformations to WebAssembly modules for near-native performance.
- Image Processing Automation - Records editing steps and replays them on other images, or runs custom scripts on file load for automated workflows.
- Plane-Based Editors - Edits images in perspective by defining planes and cloning or painting within them.
- Raster to Vector Converters - Converts raster images into editable vector paths for scalable graphics.
- Path-Based Typography - Wraps text along custom paths and curves for creative typography layouts.
- Non-Destructive Editors - Creates and edits vector shapes with non-destructive, adjustable properties.
- XD File Support - Opens and edits native Adobe XD design files for UI/UX workflows.
- Editing Step Recorders - Captures user editing steps as a sequence of events for replay on different images.
- Editing Macro Recorders - Records a sequence of editing steps and replays them on other images for batch processing.
- Interactive Blur Galleries - Applies interactive blur effects including field blur, iris blur, and tilt-shift.
- Multi-Bit-Depth Editors - Edits images in various color spaces with 8, 16, or 32-bit color depth.
- Color Profile Management - Manages color profiles and edits images in CMYK mode for print-ready output.
- Image Editors - Edits images with high color depth for professional-grade color accuracy.
- Multi-Artboard Creators - Creates multiple artboards within a single document for multi-layout design work.
