Skip to content

Working with images


Digital vs. printed

What kind of image file you use will be determined by your medium:

  • Digital media (CourseBuilder, other website, PowerPoint presentastion),
  • Office printing (handouts, flyers)
  • Professional printing

Why the difference? Because of resolution.

Resolution determines the quality of an image. It is expressed in dpi (Dots Per Inch). The higher the image resolution, the sharper the image. Also, higher resolution means larger file size.

NEVER try to increase resolution on an image (e.g. change 72dpi to 300dpi). This will make the image tiny and destroy image quality. Find an alternative hi-res image instead.

Web/office/MS Office = 72dpi

Professional print = 300dpi or more

DPI/PPI

High and low resolution

File types and their uses

File formatPicture typeUse forRequired resolutionEditing software
JPEGPhotosDigital/Office print72dpiAny
GIF
  • Small illustrations/screenshots.
  • Line drawings.
  • Images with transparent background.
Digital/Office print.72dpiAny
PNG
  • Illustrations/screenshots.
  • Line drawings.
  • Images with transparent background.
Digital/Office print.72dpiAny
TIFF
  • All photos/screenshots for print.
Professional printing.minimum 300dpiPhotoshop
EPS
  • Logos, resizable illustrations.
Professional printing.varies

Photoshop

Illustrator

AIAdobe Illustator file.Do not use - save in another format.

Illustrator

PSDAdobe Photoshop file.Do not use - save in another format.Photoshop

Cropping and resizing

Most common changes made to images are:

  • Resizing: altering the size of the entire image.
  • Cropping: cutting off parts of an image.

NEVER resize an image to make it bigger! This will make the image blurry. Find an alternative, larger image instead.

Click on the images for additional clarification.

Resizing an image

Cropping an image

Getting screenshots

We often need screenshots for instructions or presentations.

Common tools

ToolPurposeAdvantageDisadvantageHow to access it
Print screen keyCapture whole screen or active window (Alt+PrtScn)Available on all computersCannot editPrtScn key
Windows Snipping toolCapture screen, window or section of the screenAvailable with WindowsCannot edit very wellStart > All Programs > Accessories > Snipping Tool
SnagItCapture screen, window or section of the screenCan take high resolution screenshotsScreenshot settings not very intuitiveLog a call for Library Systems to install it
JingCapture screen, window or section of the screenCan annotate screenshotsNo supportDownload

 

 

Further help

Sotfware - Installation

PhotoshopLog a request to install Photoshop with IT Service Desk
SnagItLog a request to install SnagIt 6 with IT Service Desk
JingFree download from http://www.techsmith.com/jing.html

Software - training

Photoshop training: CLeaR (formerly CAD) offers excellent introductory and advanced Photoshop training workshops. Book on Staff IT training workshops > search for 'photoshop'.

Google it! You can learn a great deal from following instructions on the web. Try googling "how to change colour to black and white in photoshop' or 'how to take hi res screenshot with snagit'.

Adobe for Academics: Excellent tutorials on using and basic handling of images. Look at Images and Figures & Illustrations.

Professional printing and advice on marketing and image guidelines

Corporate Services Librarian
Megan Sutton
Ext. 88957
Email: m.sutton@auckland.ac.nz

How to check image resolution, crop and resize in MS Office Picture Viewer

Screenshot tools

 
    
Add paper Cornell note Whiteboard Recorder Download Close
PIP mode
Edit page