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="https://edit.photo/template/__TEMPLATE__/">Edit Photo</a>
</edit-photo>
<script src="https://edit.photo/widget.js" async></script>

Set image requirements

Resize
Minimum size
Background color
Utils
%

Editor Widget

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

<edit-photo>
    <a href="/template/...">Edit Photo</a>
</edit-photo>
<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
  • nl_NL
  • ru_RU
  • zh_CN

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

<edit-photo ondownload="handleDownload">
<script>
function handleDownload(url) {
    const image = new Image();
    image.src = url;
    document.body.append(image);
}
</script>