Photo Editor SDK, API and Integrations

PhotoKit API allows you to have the editor at your own website (using the iframe), and configure it as you wish, for free. Easy to be integrated into a CMS, digital media, site builders or other content projects. But sometimes, You may want to remove ads, custom functionality or UI for your clients, please write us an email to supportphotokit.com and tell us an estimated number of your users (and the usage frequency), so we can discuss the terms of our agreement.

iframe calls Photokit editor URL

https://photokit.com/editor/?lang=en

• Supported languages: en, fr, de, ru, pt, es, ja, ko, zh
• You can replace with your affiliate link
• Become Photokit affiliate

Editor interaction API

Interact via javascript postMessage.

1) Invoke the editor via iframe

<iframe id="photokit" src="https://photokit.com/editor/?lang=en" frameborder="no" border="0" scrolling="no">

2) The editor is loaded

window.addEventListener("message", function (event) {
    if(event.data.type=="photokitsdk" && event.data.name=="editorLoaded"){
        //Photokit loaded
    }
});

3) Open an image in the editor

photokit.contentWindow.postMessage({type: 'photokitsdk',name:'openimage',data:image_base64,opentype:0},'*');

• opentype: 0, open as main image
• opentype: 1, Place an image
• Allowed file formats: 'png','jpg','gif', 'webp', 'bmp', 'tiff', 'ico', 'svg','json'

4) Save image

Set the image save method:

photokit.contentWindow.postMessage({type: 'photokitsdk',name:'saveimagetype',savetype:'postMessage'},'*');

photokit.contentWindow.postMessage({type: 'photokitsdk',name:'saveimagetype',savetype:'local'},'*');

The image save mode "local" and "postMessage", the user clicks the save button or saves through the api:

• In local mode, the image will be saved locally.
• In postMessage mode, the image base64 data is passed to the parent window through possMessage.

Send save image command:

photokit.contentWindow.postMessage({type: 'photokitsdk',name:'saveimage'},'*');

Get saved image (In postMessage mode, monitor the saved image data.) :

window.addEventListener("message", function (event) {
	if(event.data.type=="photokitsdk" && event.data.name=="saveimage"){
		var imagebase64 = event.data.imagedata;
		var imagename = event.data.imagename;
	}
});

Why integrate with Photokit

Integration – Easily integrate Photokit into any existing project or application. Free up your engineering team to focus on growth and innovation, while accelerating release cycles.

Extensible – Photokit interface and API can be extended with new functionality.

Mobile – Photokit has full mobile support and adapts its interface to fit size of any device automatically.

Customizable – Customize UI and image processing tools according to your needs.

Multi-language – The photo editor includes English, Chinese, French, German, Russian, Portuguese, Spanish, Japanese, Korean.

Flexible API – Add photo editing to your application to create inspiring and compelling experiences that keep users engaged.

Saving State – Save current editor state in json format, allowing for functionality like pre-built templates.

Loading State – Load previously saved state including images and all changes that were made.

Photo Manipulation – With just a few clicks, you can enhance photos, retouch portraits, remove backgrounds, apply effects, create photo collages and Crop, resize, rotate & apply basic edits with ease.

Artificial intelligence - Continuously improving artificial intelligence and advanced algorithms to enhance user experience.

Empty canvas – Photokit does not have to edit existing photo, custom images can easily be created from scratch as well.

History – All editor actions are non destructive and can be easily undone and redone via history tool.

Objects – All objects like stickers, shapes and text are on their own layer and can be easily moved, resized, deleted and modified by changing their color, adding shadow, background and more.

Patterns and Gradients – All objects can be filled in with many built in or custom patterns and gradients.

Saving – Modified image can be easily saved on local device or on the server via API or interface.

Zoom & Pan – Canvas can be zoomed and panned using mouse, mouse wheel, or touch and pinch gestures on mobile devices.

HTML5 – Photokit uses native HTML5, which means it works on every device.

Become Photokit affiliate

Want to get some extra profits aside to your own business? Promote software on your website through an advanced affiliate network.

What does it mean exactly?

Get % commission for every referred sale on your website. Simply become a photokit affiliate now!

How do I start off?

1. Register as a photokit affiliate in PayPro Global Affiliate System using this link
2. Review photokit affiliate campaign details (enrolled products and markets).
3. Get approved by the photokit (Affiliation agreement activation).
4. Download all the product media found in your Affiliation Agreement together with the redirect link for potential customers.
5. Place a display ad (banner) or a contextual promo on your website or blog.
6. Get monthly payouts according to your affiliation agreement.

And you are good to go! PayPro Global takes care of the rest!

What are the benefits?

• Easy implementation of the system.
• Order processing, fraud management and customer support is handled for you.
• Monitor and analyse your referral sales in reports.
• Receive scheduled payouts by any suitable method.