To speed things up and make the designer and developer’s life much easier, here are a collection of handy image tools that are available online.
PNG is useful on the web because it’s the only widely supported format that can store partially transparent images. The format uses compression, but the resulting files can still be large. Use TinyPNG to shrink images for your website. It will use less bandwidth and load faster.
Placehold.it is another tool for quickly adding image placeholders whilst web designing. It also offers options to add text, color and file format all within the url path.
A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after our URL and you’ll get a placeholder.
In creating a website that uses Ajax, sometimes we are looking for an image that is displayed when being loaded or processed by Ajax. Well, through several websites that provide free facility Ajax Loading Icon Generator you can make your own preloader image as you want, such as Ajax-loader at Facebook, etc.
ShareIt is a file sharing application that allows you to manage your files online and share them with people. It has a beautiful and intuitive interface built with the latest development tools to make it as easy to use for you.
Simple Image collaboration and markup tool – Take screenshots and discuss feedback.
Generate a color palette from PNG, JPG or GIF image/photo. Receive color suggestions, download Photoshop swatches (.ACO).
Sprite Cow is a unique tool with a convinient, easy to use interface for getting the details of CSS sprites. You load a picture either from browsing for it or by dragging its file from the computer and dropping it onto the page. Then clicking on singualted areas on the image will automatically detect their boundaries and output the CSS code needed for using the selected area as a sprite.
Online Image Mapping Tool
Basic online html image mapping tool. No software to download. Use images from the web or your PC. Load the image, map out your links and get the code! The Best and most Simple online image mapper and free.
An online favicon editor by Steven DeGraeve, which also offers the option to generate a favicon from an uploaded PNG image.
Background Maker for web, website background generator and pixel art tool. Draw pixels and watch it tile live in the background as a pattern. Create a tiled background and download the image to use it on your blog, website or whatever
Random Image Generator
The random image generator is a free tool that will generate placeholder or dummy images in your specific dimensions. The images are randomly generated abstracts.
Use Snapito to take snapshots directly from the page you are visiting.
Stitches is an HTML5 sprite sheet generator.
BIRME is a flexible and easy to use batch image resizer. It can resize your images to any specific dimensions and crop your images proportionately if necessary. It’s an online tool and that means you don’t need to download or install anything on your computer. BIRME is absolutely free to use.