インテグレーション

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=ja



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には嬉しい驚きでした。 さまざまなオンラインフォトエディターを使用しましたが これは、最高の直感的で高機能なインターフェースを備えています。 それはまたすべて素晴らしくて使いやすいフィルターの広い範囲を持っています。

—Patience, Digital Marketing

動作する優れたフォトエディタ

優れたツール! 最初に写真の背景リムーバー用に購入しました。 しかし、それはついに写真に多くの簡単なタスクを作成するための本当に小さな完全なツールボックスになりました。 バックグラウンド除去の場合、品質は優れています。

Catherine, Mockplus

写真編集初心者に最適

バルク画像リサイザー画像を圧縮したり、ワンクリックで新しいフィルターを追加したりできます。 クリックするだけで数秒ですべてを保存できます-それはとても使いやすく、すべてを苦痛なくします。 PhotoKitは最高です!

Eva Williams, journalist for Fixthephoto

私たちの画像処理ツール

同時に、強力なオンライン画像修正、スマートブラシ、画像強化、露出修正と画像フィルター、スプライシング、クロッピング、変形、彩色、サイズ変更、またテキスト追加、シェーピング、フレーム、ラウンドコーナー等統合されている。 PhotoKitはダウンロード不要、ワンクリックでオンライン上で画像の切り抜き、変更、修正画家可能です。

カットアウト

ヒール

滑らかさ

明確化

露光

カラーバランス

自動補正

効果

パレット

スタイル

フィルター

スケッチ

漫画

描画

明るく

比較(暗)

彩度を下げる

ぼかし

モザイク

消しゴム

魔法の消しゴム

魔法の着色

最背面

テキスト

ステッカー

サイズ

切り抜き

マスク

変形

フォーカス

ディストート

ボーダー

フォトアルバム

スプライシング

マージ

ブレンド