Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Logo for GIMP software

GIMP (GNU Image Manipulate Programme) is a free, open-source alternative to expensive software like Adobe Photoshop. It’s powerful enough for professional graphic design, but also a great solution for basic image-editing.

The sections below will guide you through the most common tasks for which you may wish to use GIMP in your work. You can also find additional guides and tutorials at the GIMP project website.

Table of Contents

Getting started

Installing GIMP

GIMP is free to use and works with Windows, OS X, and Linux operating systems. The latest version of GIMP is always available for free from the GIMP website.

Info

The images in the tutorials below show GIMP 2.10 for Windows, but the GIMP interface is very similar for all operating systems.

See our copyright guidance on Creative Commons and Open Access images for your projects: http://lti.lse.ac.uk/copyright/copyright-images-multimedia/

Expand
titleHow to download and install GIMP

Choose the direct download option for your operating system.

A screenshot of the download screen for GIMP with arrows indicating the OS and download options

When the download has finished, open the programme and click ‘Install’. This may take several minutes.

Image of the GIMP installation screen with the Install button circled

The latest version of GIMP will now be installed and ready to open.

Navigating the interface

When you open GIMP for the first time you’ll see a workspace surrounded by control panels providing quick access to the many tools, brushes, and editing methods available.

Expand
titleA quick overview of the GIMP interface

The GIMP interface is split, by default, into four sections:

Image of the main GIMP workspace with the four areas of the screen numbered

  1. The left sidebar contains a variety of editing tools and their settings (see below).

  2. The central canvas displays your images. You can have multiple images open in different tabs.

  3. The boxes at the top right manage fonts, brush shapes, and pattern swatches.

  4. The bottom right-hand panel offers options for using layers (see Adding text or logos).

For most simple image-editing, you’ll only need to use panels 1 and 2.

On the right of the interface (No. 1 above), you will see a toolbox full of small icons, like paintbrushes and scissors, representing different editing and transformations that can be done in GIMP. When you first install GIMP you may have some trouble finding the tools you need, as several may be grouped together to save space. Expand the instructions below to see how to manage and ungroup them.

Expand
titleA quick overview of GIMP's tools and how to ungroup them.

GIMP groups similar tools together to save space on your interface. For example, the paintbrush and pencil tools (for drawing different styles of lines) are grouped together, as are the various tools for selecting different shapes (rectangles, ellipses, etc).

You can see which tools are grouped together by right-clicking on a group and then selecting the tool that you want.

  • The default toolbox with tools grouped together by category:

An image of the GIMP toolbar with tools grouped together. The paintbrush tool is selected showing a pop-up allowing users to select a different drawing tool

You can also ungroup the tools so that all tools are visible as separate icons. To do this click Edit (GIMP on Mac)> Preferences > Interface > Toolbox and deselect 'Use tool groups'

  • The ungrouped toolbox showing all 39 tools from GIMP 2.10:

You will find that you use some of these tools all the time and never use others at all. Hovering over the icon will tell you the name of each tool. Details of what each tool is for can be found in the GIMP manual.

Adjusting the interface for accessibility

The default theme for GIMP is dark and the tool icons are small. Before using the software you may wish to adjust your settings.

Expand
titleChange theme colours and icon size
  1. To adjust the theme go to Edit (GIMP on Mac) > Preferences > Interface > Theme and switch to ‘Light’ or ‘Gray’.

  2. To increase the size of the tool icons, go to Edit (GIMP on Mac)> Preferences > Interface > Icon Theme.

    1. Change the drop-down menu from ‘Guess icon size from resolution’ to ‘Custom icon size’.

    2. Choose from ‘small’, ‘medium’, ‘large’, or ‘huge’.

    3. If you are using the Light theme you may also wish to change the Icon Theme to Symbolic Inverted

Image showing a high contrast gray and black themed GIMP interface

Example of Light theme using large icons.

Resizing images

Most cameras and scanners produce very large images - both in terms of their dimensions and their file-size. GIMP makes it simple to check the true size of an image file and adjust it for use in printed documents or on websites.

Video Thumbnail

One-minute video
‘Resizing an Image with GIMP’ (Opens in new window)

Checking the true size of an image

Some programmes – including Word and PowerPoint – shrink images for display while still saving them at full size, increasing the overall size of a file. You can see the true size of an image by opening it in GIMP

Expand
titleCheck the size of an image
  1. Open your image file in GIMP by dragging and dropping it onto GIMP’s central canvas space or by going to File > Open and choosing your file.

  2. View the image at its true size by selecting View > Zoom > 1:1 (100%).

Animated gif demonstrating the zoom menu

An information box at the bottom of your image also gives you quick information about the zoom level of your image and its current file-size:

Image of zoom level and file size information shown at the bottom of a GIMP window

The image in this example is very large and has a correspondingly large file-size (206 MB). It should be resized for use in documents or online.

Making an image smaller

GIMP makes it very simple to scale images down while keeping them in proportion. You can also choose the best resolution for various web or print uses.

Expand
titleHow to make an image smaller.
  1. With your image open in GIMP go to Image > Scale Image

  2. Here you will see the width and height of your image in pixels. Enter a new value to change the image to a specific size. (A width of between 600px and 800px works well for images on Moodle.)

    Screenshot of the Scale Image menu

If you do not wish to enter a size in pixels you can also choose a relative size for the image by changing the dropdown menu from px to percentage.

When scaling an image you have the option to set the resolution. The higher the resolution, the clearer the image will remain at larger sizes when printed. Changing this will have no impact on your file size or how your file displays onscreen.

Important: By default, GIMP locks your image ratio: if you increase the width the height will automatically adjust to keep the image in proportion and vice versa. Clicking the link icon will break it allowing you to enter your own value in each box; however, this may skew your image. In most cases, it is best to keep the chain closed.

Animated gif demonstrating locked and unlocked aspect ratio options

Making an image larger

Images increased to larger than their original size will always have some loss of quality. The more you try to enlarge an image the blurrier or more pixelated it is likely to become. It is always better to avoid enlarging images whenever possible. However, GIMP has some features built-in to combat loss of image quality.

Expand
titleHow to make an image larger

When you increase the size of an image, GIMP will automatically try to optimise the image.

You can also try to boost image quality by changing the method of interpolation (the way in which GIMP guesses how and where to add area to an image without distorting it). When scaling your image up, select the ‘Cubic’ ‘NoHalo’ or ‘LoHalo’ modes to see which gives the best results.

Screenshot of Scale Image menu showing Interpolation drop-down options

If the image is still unclear see the section below on Retouching images.

Saving images

In GIMP there are two save options - one that allows you to keep working on the image as a GIMP project and one that turns the finished project into a standard image file.

Video Thumbnail

One-minute video
‘Saving and Exporting’
(Opens in new window)

Saving vs Exporting

GIMP saves images in a file format called ‘.xcf’. Files in .xcf format can be opened and edited with GIMP but need to be exported to a different image format for use in documents and on websites.

Expand
titleWhen to save and when to export

When you are satisfied with your edited image you should save it to work on again later and then export it into an image file format that can be used by other programmes and browsers.

  • File > Save This will save your project in GIMP’s .xcf format for you to work with again later.

  • File > Export This will create a new image file for you to use in documents and websites. The default format is .png.

Exporting creates a new file, separate from the .xcf file. If you continue to work on your file after exporting, changes will be made to the .xcf file but not to your exported image.

Choosing a file format

GIMP allows you to choose from a huge array of image types when you export your file. In most cases you will only need to consider the following two options:

JPEG (.jpg/.jpeg) is a good choice for keeping image files small for use on websites. JPEG format compresses an image trading some details for smaller file size. It’s a good choice for photographs and colourful images.

PNG (.png) creates slightly larger files, minimising loss of detail. It’s a good choice for diagrams and images where crisp details are important. PNG files also support transparency, which JPEGs do not.

Expand
titleHow to choose a file format

To set the file format for your image you can choose from a dropdown menu or type the file extension yourself. By default, GIMP will automatically save images as .png:

Screenshot of GIMP export menu showing File Type options

Click export and then click export again to confirm your settings on the pop-up window.

Screenshot of Export pop-up box with advanced options

In the vast majority of cases, you will not need to change any of the export options. If your file-size is still too large you can experiment with adjusting the quality slider.

Converting image formats

You can also use GIMP’s export function to change the file format of any supported image. For example, you may have a scanned file with a .tiff extension that you wish to turn into a PNG for use on Moodle.

Expand
titleHow to change a file from one format to another
  1. Open the file in GIMP.

  2. Click File > Export as.

  3. Choose the format you want (eg PNG format) and new file location and click export.

  4. Click export again to confirm your settings on the pop-up window.

Cropping, flipping, and rotating

Some of the most useful tools in the GIMP toolbox are the cropping, flipping, and rotating tools.

Video Thumbnail

One-minute video
‘Cropping Images’
(Opens in new window)

Cropping an image

GIMP’s crop tool can be used to cut an image down to size.

Image of Crop Tool

The GIMP crop tool

Uncropped image of coffee and notebook on a wooden table

Uncropped image

Cropped image of coffee and notebook on wooden table

Cropped image

Expand
titleHow to crop an image
Screenshot showing how the crop tool highlights the area of an image to be cropped

  1. Choose the crop tool from the toolbox. If you cannot see the cropping tool go to Tools > Transform Tools > Crop to select it.

  2. In the tool options on the left make sure ‘Delete cropped pixels’ is selected.

  3. Click and drag on your image to draw a rectangle around the area of your image you wish to keep.

  4. Release the mouse then drag the corners of the box until you are satisfied that everything you want to keep is inside the box and everything you want to cut out is outside it.

  5. Hit enter to crop your image to its new size.

Note: If you wish to crop your image to a specific width, height, or aspect ratio you can set these options in the tool menu on the left.

Example of crop tool menu with fixed aspect ratio turned on

In this example. the cropping window will always maintain a 2:1 width-to-height ratio.

Flipping an image

GIMP’s flip tool can invert an image or a section of an image along its vertical or horizontal axis.

Image of flip tool

The GIMP flip tool

Unflipped image showing coffee cup on the right

Unflipped image

Flipped image showing coffee cup on the left

Flipped image

Expand
titleHow to flip an image
Screenshot showing an image of a laptop that has been flipped upside-down

Choose the flip tool from the toolbox. If you cannot see the cropping tool go to Tools > Transform Tools > Flip to select it.

Screenshot of flip tool menu settings for horizontal or vertical flipping
  1. Choose whether you wish to flip the image horizontally or vertically.

  2. Click anywhere on your image to flip it.

Note: If you have part of an image selected only the selected section of the image will be flipped. To make sure there are no active selections click Select > None first.

Rotating or straightening and image

GIMP’s rotate tool can be used to spin an image or a section of an image around a central pivot.

Image of rotate tool

The GIMP rotate tool

Unrotated image with coffee cup centred

Unrotated image

Rotated image

Expand
titleHow to rotate an image
Image of rotating tool cutting off corners of an image with clipping turned on in the menu to the left
  1. Choose the rotate tool from the toolbox. If you cannot see the cropping tool go to Tools > Transform Tools > Rotate to select it.

  2. Click and drag your image or selected area to turn it clockwise or anti-clockwise.

  3. Change the clipping options on the left to choose how your rotated image should be displayed.

    1. Adjust keeps your image intact. The corners that disappear outside the visible area are still there. (You may need to click Image > Fit canvas to layers to see them.)

    2. Clip cuts off any corners that move outside the visible canvas.

    3. Crop to result cuts off everything outside the largest possible rectangle in the rotated image.

    4. Crop with aspect, like crop to result, creates a rectangular image, but retains the aspect ratio of the original.

Grid of four rotated images. A shows the canvas expanding to fit the whole image. B shows the image corners clipped off as the canvas stays a fixed size. C shows the rotated image clipped to the largest rectangle possible. D shows the rotated image clipped to the largest fixed-ration rectangle possible.

Retouching Images

GIMP has many filters that can be used to adjust the brightness, sharpness, and contrast of your images. You can also quickly edit the hue and saturation profile to change the colours of all or part of your image.

Video Thumbnail

One-minute video
‘Grayscaling Images’
(Opens in new window)

Sharpen and blur

To sharpen an image click Filters > Enhance > Sharpen and adjust the slider until you are satisfied. Then click OK.

To blur an image click Filters > Blur > Gaussian Blur and adjust the slider until you are satisfied. Then click OK.

Unfiltered image of a flower

No filter

Sharpened image of a flower

Filters > Enhance > Sharpen

Blurred image of a flower

Filters > Blur > Gaussian Blur

Hue, saturation, lightness

To adjust the levels and saturation of colours in your image click Colors > Hue-Saturation… and adjust the hue, lightness and saturation sliders until you are satisfied. Then click OK.

Pink-tinted image of flower

Hue adjusted towards pink

Lightened image of flower

Lightness increased

Washed-out image of flower

Saturation decreased

Brightness, contrast

To alter the balance and contrast of the bright and dark areas of your image click Colors > Brightness-Contrast… and adjust the sliders until you are satisfied. Then click OK.

Unfiltered image of flower

No filter

Flower with brightness increasedFlower with brightness decreased

Brightness up / Brightness down

Flower with contrast increasedFlower with contrast decreased

Contrast up / Contrast down

Removing small details

Sometimes you may need to remove a small detail or mark from an image. GIMP’s clone tool is a good option for this.

Picture of clone tool

The GIMP clone tool

Picture of sheet of paper with a coffee stain on it

Image of paper with coffee stain

Picture of plain paper with the stain removed

Coffee stain removed with clone

Expand
titleHow to remove small details with the clone tool
  1. Choose the clone tool from the toolbox. If you cannot see the cropping tool go to Tools > Paint Tools > Clone to select it.

  2. Choose an area of your image as a source - you will clone this area and use it to cover over the mark you are removing. To set the source area place your mouse over it, hold CTRL and click. A circle will appear indicating the area that will be used as your source.

  3. Now use your mouse to paint over the section you want removed. You will see two brushes moving on your page - the one under your mouse shows where you are drawing. The second circle shows you where the new pixels are being sourced from.

  4. You can adjust the size of your brush to change how large or small an area you cover.

Tip: choose an area close to the stain and paint in small sections for the best results.

Adding text or logos

The best way to add text or a logo to an image is by using layers. This leaves the image underneath unchanged and makes it easier to move or change your text/logo.

Video Thumbnail

One-minute video
‘Adding Text to Images’
(Opens in new window)

If you have a logo or watermark file, you can easily add it to your image as a new layer in GIMP.

Expand
titleHow to add a logo
  1. First, prepare your logo and save it somewhere where you can easily find it.

  2. Open the image to which you wish to add your logo. Adjust it to a size with which you are happy.

  3. Click File > Open as Layers and select your logo.

  4. You will now see two layers in your layer menu - whichever layer is selected here is the one to which any edits will be made as you work. Make sure the new layer with your logo is selected.

  5. You can use the scale tool to resize your logo, and the move tool to drag it into the right location on your image.

  6. You can also retouch your logo just like any other image.

  7. When you are happy with the placement of your logo use the export tool to save a new version of your image with the logo.

Adding text

Sometimes it is useful to be able to add text to images, charts, or graphs. GIMP has built-in tools for creating and editing text layers.

Expand
titleHow to add text to an image
  1. Open and prepare the image to which you wish to add text.

  2. Select the text tool from the toolbox. If you cannot find it click Tools > Text

  3. Drag your mouse over your image to create a rectangular box for your text (you can move and resize this later). You will see a new ‘floating layer’ appear in your layers menu – because the text is technically on a new layer you can adjust it without affecting the main image.

  4. Type your text into the box.

  5. Drag your mouse over the text to select it and use the text options box on the right to change the size, font, or colour. If your text is too large for your textbox just click and drag a corner of the box to make it larger.

To reposition your text

  1. Make sure the correct text layer is selected.

  2. Select the move tool from your toolbox. If you cannot find it, click Tools > Transform Tools > Move

  3. Click on your text and drag it into place. (Note: you must click on the text itself for this to work, not on the surrounding area.)

Improving text legibility with labels

You can make your text more legible by adding an extra layer between your text and your image and filling it with a colour to form a background label for your text.

Video Thumbnail

One-minute video
‘Increasing Text Legibility’
(Opens in new window)

Expand
titleHow to add labels beneath text using layers
  1. Complete the steps above to add text to your image.

  2. Now click Layers > New layer

  3. Make sure the Fill with dropdown menu is set to ‘foreground colour’, ‘background colour’ or ‘white’ and click OK.

  4. Initially, your new layer will completely cover your whole image and will be whatever colour you selected. We will now adjust it to make it smaller, slightly transparent, and to place it between the text and the background.

  5. Move your new layer between your base layer and your text by clicking and dragging it in the layers menu so that it appears just beneath the text layer.

  6. Now move the opacity slider down so the image beneath begins to show through. About 75% is a good setting for a label, but you can experiment.

  7. Now click Layer > Scale Layer to make the layer small enough to work as a label.

  8. Use the move tool (Tools > Transform Tools > Move) to reposition the label behind your text. You can use the scale tool to continue to adjust the size.

  9. You can also use the bucket fill tool (Tools >Paint Tools > Bucket Fill) to change the colour of your label.

  10. Adjust the positioning, opacity, and colours of your text and labels until you are happy with the result.

Drawing Shapes

Drawing tools are useful for circling details and adding guiding arrows etc to images. In GIMP there are two kinds of drawing tools.

The paintbrush or pencil tools can be used for making straight lines or drawing freeform.

The selection tools can be used for drawing polygons.

Using selection tools for polygons may be confusing at first if you are used to other drawing programs, but is easy and useful once you learn how.

Free-form and Straight Lines

Expand
titleHow to draw free-form shapes and straight lines in GIMP
  1. Select the paintbrush tool or pencil tool from the toolbox. If you cannot find them look in Tools > Paint Tools. The pencil tool draws lines with a hard edge, the lines drawn with the paintbrush are softer. (These tools may be grouped together: see our section on ungrouping tools.)

  2. Choose the colour you wish to use.

  3. Set the brush size (this controls the thickness of your line) and shape.

  4. To draw freeform just hold down your mouse button and drag your mouse.

  5. To draw a straight line click on your starting point, hold the Shift key, then click on the end point.

Animated gif showing straight lines being drawn on a graph

Polygons

Expand
titleHow to draw polygons and geometrical shapes
  1. To draw a polygon you must first use one of the selection tools to mark out your shape. (These tools may be grouped together: see our section on ungrouping tools.) Different selection tools can make different shapes:

    1. Rectangle select marks out a rectangle. Set the fixed ratio option to 1:1 for a square.

    2. Ellipse select marks out an oval. Set the fixed ratio option to 1:1 for a circle.

    3. Free select can be used to draw a free-form shape with the mouse.

  2. Once you have created your shape you can use the Edit menu to fill the shape with colour or to give it a solid outline.

    1. Edit > Stroke Selection paints a solid line around the selected area. You can choose the colour and thickness of the line.

    2. Edit > Fill with FG Color fills in the shape with whatever colour is currently selected. You can also choose to fill the image in with the background image or with a pattern.

Animated gif showing a polygon being drawn on a graph

Quick-start videos

Video Thumbnail

Adding Text to an Image with GIMP [01:26]

Video Thumbnail

Increasing Text Legibility on Images with GIMP [01:40]

Video Thumbnail

Resizing an Image with GIMP [01:04]

Video Thumbnail

Grayscaling Images with GIMP [00:43]

Video Thumbnail

Cropping an image with GIMP [01:12]

Video Thumbnail

Saving and Exporting Images with GIMP [01:49]

Further information

You can find additional guides and tutorials at the GIMP project website.

This 2-hour video covers all the basics and some more advanced concepts.

Request an additional tutorial

If you would like advice or instructions for an image-editing task not covered here please contact eden.digital@lse.ac.uk for advice.