title: Image Editing on Web Application
body: <p>On my website users have some images stored. I want to build a system where they can edit those images on website and save them. Edits are very basic like rotate, crop, enhance brightness add filters etc. <strong>I'm trying to figure out how I can implement this</strong>.</p>
  
  <p>My understanding so far is that there are multiple ways in which I can do this. I can write all my image editing code(using libraries) on server side and then call this service API from my website. </p>
  
  <p>I can also make all the changes on client side. I found PicMonkey library which would let me do it (it's flash based though so I don't really want to use it.)</p>
  
  <p>I also checked how flickr does it, they use this library <a href="https://developers.aviary.com/" rel="nofollow">https://developers.aviary.com/</a> which lets them do all the client side edits.</p>
  
  <p>I'd like to know more about using these client side javascript libraries ( such as aviary ) what are the pros and cons of using them vs server side edits. What service component I need to write, if at all if I'm using something like Avairy. More specifically, do I send image to server for modification or do I modify it on HTML canvas first and then send the modified image to server to save it.</p>