Preparing Images

1) Take hi-res images of work. Take more than one image of each piece, with different lighting, etc.

2) Choose the best images.

3) Create a copy of the chosen image and convert it (File->Save As) into the format of your image editing program. Knight Digital Media has a very good tutorial on exporting jpegs and the difference between “save as” and “save for web and devices”.

Photoshop - Save As

Photoshop - Save As

The format for Photoshop has the .psd extension and the format for Fireworks has the .png extension. Frequently I name my files so that I know which one is a “working” copy, e.g. imagename_work.psd.

NOTE: Do not work on the original image. Keep it, just in case something goes wrong.
And do not work on a jpeg. Jpegs are “lossy” whichmeans every time you save them, data is compressed and lost. The longer you work on a jpeg the more degraded it becomes.

3) Size your image in the working file. Online images should be 72dpi. And for this project images should have a maximum width of 900px and a maximum height of 600px.

4) Color correct your image. In Photoshop use “Adjustment Layers” so changes are not written in stone and can be easily modified. (Fireworks has equivalent functions.)
Work on the image with RGB color, not CMYK.

Color correct for the screen not for print. And remember that different screens, operating systems and browsers render images differently. If you are very fussy about color look at your image on different screens, operating systems and browsers and you will see that color, brightness and contrast will vary quite a bit. When you are color correcting you will have to make a compromise so that the image looks good on the most screens possible. You will not be able to get the color absolutely perfect for all screens, so don’t stress out.

Color Correction and AdjustmentLayers

5) When you are satisfied with the image in your working file, then export (not “save as”) it as a jpeg.

See the next page, Exporting Images, for instructions.


An image editing program is needed for image resizing, color correction and conversion/compression to a jpeg. These needs are basic and simple. Operating systems come with simple image-editing programs (iPhoto and Preview on the Mac). Flickr and Picasa have some basic image editing capabilities. Most digital cameras come with a basic image editing program. Photoshop Elements will do the trick. There are many online image-editors and WordPress, itself, can do the some image resizing. (prices and availability may vary in the rapidly changing and developing market…).

Photoshop – $699 – (also available in Adobesoftware bundles)
Photoshop Elements – $79.99 (after rebate)-
Fireworks – $299 (also available in Adobe softwarebundles)

Mac Pixelmator – $29 (for a limited time)-
MacIris – $79 –
Acorn – $49 –

Unix,Mac, Windows – Gimp – Free –

Online -Free – Aviary –
Online – Free -Picnik – edit photos stored on Flickr, $29 upgrade, available
Online – Free – Phixr-
Online -Free – FotoFlexer –
List of Online Image Tools –

List of online image editing

90+ Online Photography Tools and Resources

Added, just cuz, it’s cool, an online painting tool
SumoPaint –