VServices: HTML5 Image Editor

HTML5 makes the web so powerful that you can do almost everything on the web. Till few years back, Flash was the only solution to build rich applications on the web. Things have changed a lot with HTML5. HTML5 Image Editor, one of the services of VServices, is an image editor on the web. It demonstrates some of the cool things which can be done with HTML5, CSS3 and related technologies. The application has been built using the Aviary’s Photo Editor (codenamed as Feather).

HTML5 Image Editor

• Click here to access the image editor.
• Enter the URL of the image you have already uploaded on the web and click on “Load Image”. For example, copy the URL of your Facebook profile picture.
• Once the image is loaded on the page, click on “Edit Image”. Aviary’s toolbar will appear next to the image with lots of options to edit your image.
• The toolbar includes few filters (Instant, Toy Camera, Old Photo, etc) which can be applied on your image. The other tools included in the toolbar: Sharpen, Whiten, Rotate, Flip, Resize, Crop, Redeye, Blemish, Colors, Saturation, Blur, Text Overlay, Stickers Overlay, Custom Draw Overlay, etc. 
• Once you are done with editing the image, click on “Save” from Aviary’s toolbar. After processing the image, a download URL will be provided on the screen.

Tip: Use HTML5 Image Editor with Dropbox

• Dropbox is a web based file hosting service that syncs your files online and across your computers and mobile devices.
• Create a free Dropbox account here. Download and install the Dropbox windows application. Also available for Mac, Linux and for Mobile platforms. Note: If you create an account using the above link, I will be earning 250 MB extra free space.
• Take the Dropbox tour to understand how it works. Also, understand how “Public folder” works with Dropbox.
• Once you have the Dropbox application installed on your PC or mobile, you can just copy the file you want to edit to the public folder. Get the public link to the uploaded file.
• Its easy to use and the uploaded files stay with your account. And, I don’t have to take the pain of file management on my server.

I have been looking for tools to quickly edit the photos I take on my mobile. I have tried many apps on my Nexus One but I was not comfortable with any of them. Hence, this tip and the application. With this application, I can upload the photo to my Dropbox public folder using Dropbox Android application and then edit it on the web.

-- Varun