통합

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



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

사진 편집 초보자에게 적합

대량 이미지 크기 조정 방법이 마음에 듭니다. > 클릭 한 번으로 이미지를 압축하고 새 필터를 추가할 수 있습니다! 클릭 한 번으로 모두 몇 초 만에 저장할 수 있습니다. 사용하기 쉽고 모든 것이 힘들지 않습니다. 포토킷 최고!

Eva Williams, journalist for Fixthephoto

우리의 이미지 처리 도구.

동시에 강력한 온라인 이미지 편집기와 통합되어 있습니다. 스마트 브러시, 이미지 품질 향상, 노출 복구 및 이미지 필터, 붙이기, 자르기, 변형, 페인팅, 크기 조정, 텍스트, 모양, 스티커, 프레임, 둥근 모서리 등을 추가할 수 있습니다. PhotoKit 스는 다운로드할 필요가 없으며 한 번의 클릭으로 온라인에서 이미지를 잘라내고 수정하고 리터치할 수 있습니다.

오리기

복구 브러시

부드럽게

명확성

노출

색의 균형

보상

효과

팔레트

스타일

필터

스케치

만화

그리기

밝게 하기

어둡게 하기

채도 감소

흐리게

모자이크

지우개

매직 지우개

착색

배경

텍스트

도형

스티커

크기

잘라내기

마스크

변형

초점

왜곡

모퉁이

경계

사진 앨범

접합

병합

블렌드