You'll love Juicebox’s simple set up and easy-to-use image galleries, and with full major browser and mobile device support, you can be sure your viewers will love them too, wherever they are.

ImageAlpha converts 24-bit PNG to paletted 8-bit with full alpha channel. This greately reduces file sizes with only minor loss of quality. Such images are compatible with all browsers, and even degrade well in IE6.

ImageOptim optimizes images — so they take up less disk space and load faster — by finding best compression parameters and by removing unnecessary comments and color profiles. It handles PNG, JPEG and GIF animations.

Automatically adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.

Placeholder Images for every case. Webdesign or Print. It's simple and absolutely free!

watermark.js is a js library for creating watermarks on images. Images with a classname of your choice (default "watermark") will get processed and then apply your watermark. Your watermark doesn't have to be a .PNG or .GIF with transparency, watermark.js creates transparency even if you defined a .JPG as your watermark picture.

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).

Cloud Zoom is a jQuery plugin comparable to commercial image zoom products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.

How does it work? Just put your image size after our URL and you'll get a placeholder.

Many command-line options take a geometry argument to specify such things as the desired width and height of an image and other dimensional quantities. Because users want so many variations on the resulting dimensions, sizes, and positions of images (and because ImageMagick wants to provide them), the geometry argument can take many forms. We describe many of these in this section.

This CSS applies a negative margin on all sides of the image of the exact size of the border. This pulls the border inside and causes no layout changes.

We visited this concept of re-sizeable background images before… but reader Doug Shults sent me in a link that uses a really awesome technique that I think is better than any of the previous techniques.

Data URIs allow any file to be embedded inline within CSS

jQSlickWrap is a plugin for jQuery which enables you to easily and accurately wrap your text around the content of floated images.

punypng is a free tool that dramatically reduces page load times by reducing the file size of an image without any loss of quality.

CSS Sprites is a technique where you use a background-image, a set width and height, and adjust the background-position to display only the portion you need to show. This way you can use a single image and display lots of different graphics with it, saving server requests and speeding up page load times.

About a month ago I was reading the New York Times online and they had an article which showed a road in Brooklyn that had been reconstructed to make it safer and more pleasing to the eye. To show the difference in the reconstruction project, they showed a before and after picture using Flash that let the visitor drag a slider over the images, which were sandwiched with one on top of the other, so that you could easily see how dramatic the changes were.

Image optimization is an art that not many people master. There are many good image editing tools that allow us to get the best visual result for a certain file size but "under the hood" a lot more optimization can be done.

Img2icns is an application to create icons from images or images from icons, keeping them organized for future use.

Note that all the other browsers use bicubic interpolation for scaling by default, because that’s the only thing that make sense, but IE requires a non-standard CSS extension.

Here's my jQuery lightbox clone, I did it because those available are either not close enough to the real lightbox (lacking animations, not supporting galleries, etc ,etc) or were just not suiting my need.

Blank templates are stock photos designed in such a way where some parts are blanked-out so you can insert your own creatives.

FlashMount is a small utility to mount disc images at a much faster rate than Apple’s Disk Image Mounter in OSX. No more waiting, your images mount almost instantly.

This tutorial will demonstrate how to take an image, in this case a woman's face, and give the appearance that it is entirely composed of vector shapes. Along the way, we'll use some fairly basic techniques, including clipping masks and displacement maps,

As you may have realized, this is an image magnifier. It's a completely rewritten version of my script tjpzoom, but still is in JavaScript / DOM :). If you move your mouse over the picture, you can see a little zoom window with a magnified version of a pa

Opacity is a brand new program for drawing graphics for the screen. It's great for making resolution independent images and icons for applications and the web.

ImageScience is a clean and happy Ruby library that generates thumbnails -- and kicks the living crap out of RMagick. Oh, and it doesn't leak memory like a sieve. :)

There are a large number of Flash image galleries but sometimes Flash is not required or cant be used so we turn to Javascript and C