eye with number digits floating in the air around it Akira's Tech Pages

Basics of Image Editing

Resizing and Cropping

Original 100 x 100 pixels

 

Cropped 43 x 48 pixels
Resized 63 x 63 pixels

Cropping
Cut away excess area around an image

Photoshop: [Hit C on your keyboard and click and drag a rectangle, then hit ENTER]
GIMP:
[Hit Shift + C on your keyboard and click and drag a rectangle, then hit ENTER]
Pixlr Editor: [Image Menu / Crop and click and drag a rectangle, then hit ENTER]


Resize
Take the existing image in its entirety and make everything smaller

Photoshop: [Select on Image Menu / Image Size then enter in new Pixel Dimensions for Height and Width.
Make sure Constrain Proportions is checked]
Photoshop Elements: [Select on Image Menu / Resize / Image Size
then enter in new Pixel Dimensions for Height and Width.
Make sure Constrain Proportions is checked]
GIMP: [Select Image Menu / Scale Image then enter in new pixel dimensions for Height and Width
set Interpolation to Cubic]

Pixlr Editor: Select on Image Menu / Image Size then enter in new pixel dimensions for Height and Width. Make sure Constrain Proportions is checked]

In most instances it is best to try to do both, first Cropping then Resizing. Aim for images that are no more than 300-500 pixels for their largest side. Remember the larger the image the longer it will take for your viewers to see them via the web. End JPEG or GIF files sizes should be approximately 30-60KB and no larger.