4.2. Change the Size of an Image for the screen

You have a huge image, possibly from a digital camera, and you want to resize it so that it displays nicely on a web page, online board or email message.

Afbeelding 3.17. Example Image for Scaling

Example Image for Scaling

The first thing that you might notice after opening the image, is that GIMP opens the image at a logical size for viewing. If your image is very large, like the sample image, GIMP sets the zoom so that it displays nicely on the screen. The zoom level is shown in the status area at the bottom of the Image window. This does not change the actual image.

The other thing to look at in the title-bar is the mode. If the mode shows as RGB in the title bar, you are fine. If the mode says Indexed or Grayscale, read the Paragraaf 4.7, “Change the Mode”.

Afbeelding 3.18. GIMP Used for Image Scaling

GIMP Used for Image Scaling

Use ImageScale Image to open the Scale Image dialog. You can right click on the image to open the menu, or use the menu along the top of the Image window. Notice that the Scale Image menu item contains three dots, which is a hint that a dialog will be opened.

Afbeelding 3.19. Dialog for Image Scaling in Pixels

Dialog for Image Scaling in Pixels

The unit of size for the purpose of displaying an image on a screen is the pixel. You can see the dialog has two sections: one for width and height and another for resolution. Resolution applies to printing only and has no effect on the image's size when it is displayed on a monitor or a mobile device. The reason is that different devices have different pixels sizes and so, an image that displays on one device (such as a smartphone) with a certain physical size, might display on other devices (such as an LCD projector) in another size altogether. For the purpose of displaying an image on a screen, you can ignore the resolution parameter. For the same reason, do not use any size unit other than the pixel in the height / width fields.

If you know the desired width, enter it in the dialog at the top where it says Width. This is shown in the figure above. If you don't have such a number in mind, choose an appropriate width for the desired use. Common screen sizes range between 320 pixels for simpler phones, 1024 pixels for a netbook, 1440 for a wide-screen PC display and 1920 pixels for an HD screen. for the purpose of displaying an image on-line, a width of 600 to 800 pixels offers a good compromise.

When you change one of the image's dimensions, GIMP changes the other dimension proportionally. To change the other dimension, see Paragraaf 4.5, “Crop An Image”. Bear in mind that when you change the two dimensions arbitrarily, the image might become stretched or squashed.