Image processing is needed in almost every web application like creating watermarks, uploading & resizing avatars, cropping them & similar tasks.

Asido is a feature-rich image processing class for PHP that fits to any environment like GD2, Magick Wand and Image Magick. It supports both PHP4 & PHP5 (newer versions support only PHP5).

An example of adding a watermark to an image:

And the code:

<?php
include(’./../../asido/dev/class.asido.php’);
asido::driver(’gd’);
$i1 = asido::image(
      ‘the-source-image.jpg’,
      ‘filename-with-which-you-want-to-save-the-result.png’
);
asido::watermark($i1, ‘put-the-watermark-image-here.png’);
$i1->save(ASIDO_OVERWRITE_ENABLED);
?>

It is really simple and clear.

Asido can:

• resize
• watermark
• rotate
• copy
• crop
• grayscale
• convert

images with ease. To develop faster, Asido is worth a try.

MooCrop is an image cropping utility using the powerful mootools javascript framework. Alone, it is only a selection tool but when used with a serverside script then it becomes an image manipulation tool.

Similar to Lightbox, FancyBox, a jQuery powered image zooming script, zooms the images with very nice loading and zoom-in / zoom-out effects.

Features:

• Automatically scales large images to fit in window
• Adds a nice drop shadow under the full-size image
• Image sets to group related images and navigate through them

Basic usage:

$(function() {

    $("div#test_zone a").fancybox();

});

FancyBox works with the major web browsers and can be configured for different closing effects.

ProtoFlow is an open source content viewing application built with Prototype & script.aculo.us which functions similar to the famous iTunes Cover Flow.

You can browse through the content (it supports all the HTML elements) with mouse clicks or a JavaScript slider.

It is mentioned that the application may have more features in the future like auto-play and image reflection.

Online image cropping is a widely used feature in web applications.

Prototype JavaScript Image Cropper UI is an unobtrusive script based on Prototype and script.aculo.us.

It allows you to select any area in an image and gives the x, y, x1, y1, width and height values which are enough for a succesful image cropping.

This Prototype image crop UI also has ratio locking, selected area preview and minimum height - width options.

Glossy.js allows you to add shading, shadows and rounding corner effect to images.

This is a very useful method if you want to use the same effect for all images in some part of your website. You won’t need to use an image editing software every time. Your images will stay as the original and you can apply another effect later on. 

How to use Glossy.js?

• Insert the glossy.js in your code
• Add the class "glossy" to your images

Gloosy.js works in all major browsers. If not supported by a browser, it downgrades itself without creating any errors.

Phatfusion has beautiful Mootools JavaScript framework plugins which you’ll love.

Mootools plugins list:

• image menu - horizontal, accordion menu
• validate - form validation
• lightbox - an inline image popup
• multibox - lightbox that supports images, flash, video, mp3s, html
• slideshow - image transition
• sortable table - sort & filter tables
• slider
• rounded corners - rounded corners with divs
• page loader - loads a div from another page into this page.

Acordion image menu:

Sortable table:

Alen Grakalic from CSS Globe has a very nice solution for styling image links.

What is it?

Image Link is an unobtrusive JavaScript code that enables you to apply additional styling to your image links. The mouseover state of the JavaScript displays an image over the original image.

Script, automatically creates a span element that is placed above the image and assigns the css class for it.

Vecteezy is an index of free vector graphics available for download by some of the best artists around the world.

With over 200 free vector images, Vecteezy is updated frequently with new graphics.

Vector images can be searched & sorted by file type (Adobe Illustrator, Coreldraw..), categories, licences or download, rating numbers.