Back to Glossary
Starter Kit UIs

Photo Editor

Definition

Where the Design Editor is built for composition and the Video Editor for sequencing, the Photo Editor is built for depth on a single image. It narrows the full CE.SDK surface down to the operations most relevant to enhancing one photograph: adjustments, filters, effects, crop, transform, text overlays, stickers, and background removal, without the page management, layer panel, or multi-element composition tools that would otherwise be present.

This narrowing is deliberate rather than a limitation. For use cases where users are submitting, polishing, or personalizing a single image rather than building a layout, a focused interface reduces cognitive load and keeps the editing flow fast.

Processing Architecture

Client-Side Processing

All Photo Editor operations (including background removal) run entirely in the browser or on-device with no server round-trips. Background removal is powered by an on-device ML model via the Background Removal Plugin rather than an external API call.

In product contexts where image privacy matters (medical, personal, enterprise), this architecture means user photos never leave the device during the editing session.

Non-Destructive Editing

Crop, rotation, and transform operations are stored as properties on the image block rather than applied to the pixel data. The original image is always preserved beneath any edits and can be reset at any point.

The exported output is rendered from the original at full fidelity, so re-editing or re-exporting with different settings produces no generational quality loss.

What the Photo Editor Enables

Crop, Rotate & Transform

Crop, rotate, flip, resize, and straighten. Crop presets for common social media and print dimensions. Force crop mode requires users to crop to a specific aspect ratio before export.

Adjustments

Brightness, contrast, saturation, exposure, shadows, highlights, gamma, and clarity controls applied non-destructively to the image.

Filters & Effects

LUT-based color filters and effects (pixelize, glitch, mirror) applied to the whole image.

Text Overlays

Text blocks with font, color, and sizing controls placed over the image.

Stickers & Shapes

Sticker and shape insertion as overlay elements on the image.

Background Removal

Client-side background removal powered by an on-device ML model via the Background Removal Plugin. No external API call: photos never leave the device.

Export

Export to PNG, JPEG, and other supported raster formats.

Preview Mode

Toggle between edit and preview to evaluate the final result before export.

Typical Use Cases

Social & Community Platforms

Platforms that require users to submit a profile photo, avatar, or cover image as part of onboarding or content creation. Embedding a photo editor at the point of upload, rather than redirecting to an external tool, keeps the flow inside the product and ensures the output meets the platform’s format requirements. Force crop enforcement means every profile photo arrives at the right aspect ratio without server-side post-processing.

E-Commerce & Marketplace Platforms

Sellers upload product photography that needs basic polish before listing: cropping to a square, removing a cluttered background, adjusting brightness and contrast to match platform standards. The client-side background removal means sellers can produce clean product images without design skills or external software, reducing the friction between “took a photo” and “listed a product.”

UGC & Review Platforms

Users attach photos to reviews or submissions and benefit from a quick editing step before publishing (crop, rotate, apply a filter) without leaving the submission flow. The focused interface prevents distraction while still giving users enough control to feel the photo is ready.

HR & Identity Management

Tools that collect employee headshots for directories, badges, org charts, or access cards. Force crop to a defined aspect ratio, combined with optional background removal, means every submitted photo arrives in a consistent format without a design team reviewing and reformatting each one manually.

Users upload a source photo that will be printed on a canvas, mug, phone case, or greeting card. Non-destructive editing means the platform always retains the full-resolution original for print rendering, while users interact with a cropped and adjusted preview.

Environments where image privacy is a compliance consideration. Because all processing happens on-device with no server round-trips (including background removal), the Photo Editor is appropriate for environments where images must not leave the user’s browser or device during an editing session.

Web (Vanilla JS/TS, React, Vue, Angular, Svelte, SvelteKit, Next.js, Nuxt.js), iOS, Android, React Native, Flutter.