views:

77

answers:

3

My web site uses 16 x 16 pixel icons (stored on the server as png files). I'd like to provide functionality for users of the site to edit these icons. My site already uses jQuery and jQuery UI, and I'm familiar with these, but any suggestions would be welcome.

EDIT

It seems that this is harder than I thought. I think I'm going to hold off trying to incorporate this functionality into the web site. But if anyone knows of a javascript icon/bitmap editor not already mentioned in the thread, please let me know.

A: 

Javascript is client-side language, for editing images you should use php GD library, if you use php as server-side language for your web-app. More info about php+gd here

antyrat
PHP GD Library won't be appropriate in this case, if Tomba is referring to the users actually EDITING the icons - like with tools etc. In that case JavaScript would be best. GD Library doesn't have a graphical user interface and to actually do anything with it, it has to be coded by hand.
Jack Webb-Heller
I want the users of my web site to be able to edit icons from within the web site, using a client-side application, and then save them to the server. I don't see how the server-side language is relevant. As it happens, I am already using php+gd in other parts of the site.
Tomba
But javascript does not allow to store or save images edited by user. And javascript would the best only with canvas support, so this will not be cross-browser.
antyrat
Thinking about it I guess you'd most likely use GD Library to handle the saving of the images themselves, but a JavaScript interface to edit them. You could always use Flash though... I know most web developers hate it but it might be ideal for this kind of thing.EDIT (after seeing antyrat's comment): A Javascript interface would pass a function call with the image data to a PHP script that would save it with GD Library is what I mean.
Jack Webb-Heller
+2  A: 

Check out http://www.jpie.net/ (requires PHP as well), it's the most advanced thing I've found but not too sure how much actual 'editing' users need to do (or can do on a 16px image...)

Jack Webb-Heller
Thanks for the suggestion. I'll check it out.
Tomba
There's also always http://www.pixastic.com/
Jack Webb-Heller
There's a demo here, I think this is a lot better: http://editor.pixastic.com/
Jack Webb-Heller
Thanks - I had a look at pixastic. At first glance it doesn't seem to be exactly what I want, and is still apparently in beta, but may the the closest that is available.
Tomba
+1  A: 

You can get some inspiration here

http://www.rw-designer.com/online_icon_maker.php

I don't know of any licence-free, ready-to-go editor though.

Wikser
Thanks. I'll have a look at the code and see if I can make anything of it.
Tomba