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
  • 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">
function handleDownload(url) {
    const image = new Image();
    image.src = url;