Create Your Perfect Photo Editor

Powered by Pintura

Quickly create your own free photo editor to handle your image editing tasks. Bookmark the URL. Speed up your Workflow ✨

Let's Get Started

The URL and Widget for your editor are shown below, they will automatically update as you make changes. Press play to test your settings ✨

<edit-photo style="width:640px;height:480px">
  <a href="">Edit Photo</a>
<script src="" async></script>

Set image requirements

Minimum size
Background color

Editor Widget

Use the widget to embed an Edit Photo template on your website.

    <a href="/template/...">Edit Photo</a>
<script src="/widget.js" async></script>

Style the editor widget with the edit-photo selector.

edit-photo {
    width: 640px;
    height: 400px;

The theme attribute controls the theme of the editor. By default the theme will follow system theme.

<edit-photo theme="dark">
<edit-photo theme="bright">

Set the src attribute to load a local website image.

<edit-photo src="./my-image.jpeg">

Set the browse attribute to false to disable file input.

<edit-photo browse="false">

Set the locale attribute to set the language to use for labels.

<edit-photo locale="nl_NL">

The following languages are available for use:

  • de_DE
  • en_GB
  • es_ES
  • fr_FR
  • hi_IN
  • it_IT
  • nl_NL
  • sv_SE
  • ru_RU
  • zh_CN

Set the ondownload attribute to a function to get a local URL to the edited file.

<edit-photo ondownload="handleDownload">
function handleDownload(url) {
    const image = new Image();
    image.src = url;

Integrate the Editor

Need full control over the editor and integration?

Use Pintura, the JavaScript Image Editor SDK.

Using the Pintura API you can seamlessly integrate it with your website or web application.

Learn more about Pintura

Want to use the editor in a NoCode service?

Use CropGuide, the NoCode image editing solution.

CropGuide automatically adds photo editing capabilities to any file upload field. It's perfect for use with platforms like WordPress, Squarespace, Shopify, and Webflow.

You can install CropGude by adding a single script tag to your webpage.

Learn more about CropGuide