Free Open Source In-browser image editors

Question

I'm looking for a in-browser image editing solution to integrate with my project: http://code.google.com/p/django-ray/

I got it working with Pixlr quite easily and the editor is fantastic .. however it's a hosted service, which means I must be connected to Internet for it to work ..

Is there any other solution like Pixlr but that are not hosted service ?

Updates

Editors found so far:

• AIE: http://www.ajax-image-editor.com/ (feels clunkier than Gimp..)
• Pixidou: http://github.com/asvinb/pixidou (no working demo found..)

And a good list of editors that are hosted: http://www.lifeclever.com/10-free-web-based-alternatives-to-photoshop/

Solution 1

Adobe has discontinued the creativeSDK Image Editor UI

This solution appears to no longer be viable. Sorry :(

Adobe deprecation announcement

Previous answer:

Aviary (acquired by Adobe) offers a free feature-rich on-page editor called Feather. It is hosted, however, in that you must perform a GET to retrieve the final full-size edited image. It's features include:

• enhance (new): Autocorrect your photo with one of four basic enhancements.
• effects (new): Choose from a variety of effects and filters for your photo.
• stickers: Choose from a variety of stickers you can resize and place on your photo.
• orientation (new): Rotate and flip your photo in one tool.
• resize: Resize the image using width and height number fields.
• crop: Crop a portion of your photo. Add presets via API. Fixed-pixel cropPresets perform a resize when applied (new).
• brightness: Adjust the overall image brightness.
• contrast: Adjust the overall image contrast.
• saturation: Adjust the overall image saturation.
• sharpness (new): Blur or sharpen the overall image in one tool.
• draw: Add doodle overlays with a brush.
• text: Add custom, resizable text.
• redeye: Remove redeye from your photo with a brush.
• whiten: Whiten teeth with a brush. (Not supported in IE7-IE8)
• blemish: Remove skin blemishes with a brush.

I'm currently integrating it in a site and there are a few gotchas (they might be my fault.) I can't ever get it to perform a POST callback to my URL with the finished image URL, so instead I use the objects .onSave handler which provides the same info. Also, in current chrome/firefox, there is a security exception when Feather modifies canvas data directly from your site. So instead provide the url option (causing Feather to request the image at that URL and then provide it back to the widget on your page.)

Solution 2

I've just been looking at JCrop, a JQuery plugin which looks great and works beautifully - on most modern browsers, so check your target platform is supported.

You can see it in action and download the scripts from here

http://deepliquid.com/content/Jcrop.html

and you will need the JQuery script framework, available from jquery.com

It's all free and Open Source, so you can customise it as much as you like.

Rob