Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Free Open Source In-browser image editors [closed]

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/

like image 996
h3. Avatar asked Feb 17 '10 17:02

h3.


People also ask

Is a free and open source image editor?

GIMP (open source, no cost) It is also the most feature-rich free program, allowing you flexibility that is closer to the more expensive options.

What is an image editing tool that runs in the browser?

Pixlr. Like Pixlr X, the full Pixlr Editor is a free application that runs in your web browser. It includes several advanced features and in many ways is similar to Photoshop.

Is pixlr still free?

Pixlr is a free online photo editor that offers web, iOS and Android app editions. It comes with a variety of stock photos and templates and is applied for editing images to be used in poster designs, cards, and other graphic design projects.


2 Answers

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.)

like image 89
Carl G Avatar answered Oct 04 '22 08:10

Carl G


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

like image 28
Robin Layfield Avatar answered Oct 04 '22 09:10

Robin Layfield