Skip to main content

Resizing Images

Why use smaller images?

  • It saves on energy! Every pixel uses energy to be stored and shared so the smaller the image the less energy you use. It'sgreen.
  • They take up less space on a page. Pages can be quite long at the best of time onhere so why not make them colourful but also quick to browse!
OK, so how do I do that?

Not a tech whizz (yet)?

If you have an image to put on a page on the Rebel Toolkit, you may need to resize it in order to get it to display at the correct size on the page. This involves reducing the resolution of the image, ie reducing the number of pixels in the width and height.

You do this on your computer before uploading it to the Rebel Toolkit.

Notes for Microsoft computers:

You can see the dimensions of an image by hovering your mouse over the name in Windows Explorer.

  • For an image on a web page, right-click and select View Image Info (in Firefox), select Inspect and hover over the image element (in Chrome). In most cases you will want an image between 200 and 600 pixels across.

Notes for Computers with the Paint app:

An easy way to resize an image on a Mac is to open the file using Paint.
  • Click on the Tab Image on the toolbar at the top of the screen. A drop-down menu will appear with the option to Adjust image. Click on that and choset he amount of pixels you want it to have. 200 Width will make the image take up aboutz a third of the width of a page - to give oyu an idea. This is usually small enough to see but not so big that it takes up lots of room. (You can also use Preview in much the same way)

  • Once you have resized the image click on the tab File in the Toolbar at the top. Click on Save As and put it into a file where you might find it again easily.

  • Now you can add a page in the Toolkit and insert an image which is smaller.

Tip: It is a good idea to make a copy of the image and resize the copy.
There are numerous tutorials available on how to resize images, and a selection is listed below.
Note:
Many of the tutorials are trying to get you to download a piece of software or to use a particular web site.
You do not need to install any new software or to use a web site or online service*
Whether you use Windows, a Macintosh or Linux, your computer already has the software you need to resize images. The list below only covers Windows.
Feel free to add suggestions for Macintoshes if that is what you use.

*Linux is more tricky, and you may actually want to install some software.

Tutorials for Resizing Images

Windows

Mac

Using Preview to resize an image tutorial. Youtuvbe video link. You can skip the first 40 seconds where he explains why you may want to change the size of an image.