编辑器集成

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.

Demo: iframe basic iframe lightbox

iframe calls Photokit editor URL


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



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.

用户最喜欢PhotoKit上的哪些图片编辑工具?

我最喜欢的在线照片编辑器

我对 PhotoKit 感到惊喜。 我用过很多不同的在线照片编辑器,但是PhotoKit有最好的、直观的和功能强大的界面。它还具有广泛的滤镜,它们都很棒且易于使用。

—Patience, Digital Marketing

一款出色的照片编辑器

优秀的工具! 我第一次买它是为了在线抠图工具,但后面发现PhotoKit是一个综合的图片工具箱,可以在图片上完成许多简单的任务。对于图片抠图工具,质量非常好。

Catherine, Mockplus

非常适合照片编辑初学者

我喜欢图片批量修改大小和一键批量压缩图像!只需单击一下,就可以在几秒钟内将它们全部保存起来 - 它非常易于使用,让一切变得轻松。 PhotoKit 是最好的!

Eva Williams, journalist for Fixthephoto

我们的图片处理工具

PhotoKit集成了强大的在线图片编辑器,支持一键抠图、智能笔刷、画质增强、曝光修复、磨皮滤镜以及图片特效、风格迁移、拼贴、融合、拼接、裁剪、变换、绘画、调整大小,以及添加文字、形状、贴图、边框、圆角等。免费正版高清图片素材库拥有超过2.2百万张优质照片、插图和矢量图素材,让你轻松应对各种设计场景。PhotoKit无需下载,就可以实现在线一键抠图、改图、修图、美图。

AI抠图

智能笔刷

平滑顺畅

画质增强

曝光修复

颜色平衡

自动矫正

特效

调色板

风格迁移

滤镜

素描草图

卡通漫画

绘图

减淡

加深

去色

模糊

马赛克

橡皮擦

魔术橡皮擦

魔术上色

背景

文字

形状

贴图

修改尺寸

裁剪

自由裁剪

变换

焦点

变形

圆角

边框

拼贴

拼接

合并

融合