CMS Training
Editing Images for your website and publication

What Are You Doing?
Is this image going to a Publisher ?
Is this image going to the Website?

Definitions & Vocabulary
It’s worth Mentioning at this point that there are few
definitions to look at before we move on.
DPI = Dots Per Inch
The Quality and Sharpness of an Image
Resolution

Hi Res = 400 dpi and higher
Low Res = 72 dpi (Only use for Website)
Definitions & Vocabulary
Hi Resolution
V
Low Res

Resize : To Change the Size of an image in it’s
entirety
Crop: Cut out and Resize a Section of an image
Resize V Crop
Definitions & Vocabulary
Original Image
Resize Image
Crop Image

Using a Scanner
Size of Original Image Dpi = Dots Per Inch
10” x 8” 400 Dpi
5” x 7” 600 Dpi
6” x 4” 720 Dpi
5.5” x 3.5” 800 Dpi (Old Post Card)
2” x 3” 1400 Dpi (Box Brownie)
Initial Scans should be of good
quality (HI Res) both for
Archiving and for possible future
uses including for upload to the
website

Output Suitable for Resolution
For Online Website / Internet 72Dpi
For Printing Local printing from a printer 400-450 Dpi
For Archiving
Professional Printers: eg. Calendars and
Newsletters 400 Dpi OR Higher if requested
Who is it for and where is it
going ?

An example of Dots per Inch
An example of 300Dpi V 72 Dpi
Initial Scans should be of good quality (HI Res) both for Archiving and for possible future
uses including for upload to the website

Import Image Place Holder Sizes for your Website
Clare and Wicklow Sites
1400 x 442
Louisburgh Site
1400 x 400
Galway Sites
688 x 344
Thumbnail view for all Sites
216 x 151