Using Images on the UWTSD Website
All images on the UWTSD Website should be professional quality and should be related to the written content. A single large image has more impact than one or more smaller images.
For more information on using images, contact the Web team (email: email@example.com)
When using images on the UWTSD website you will need to make sure that you do not infringe copyright. If you use images without permission, you are breaking the law.
Every image is owned by an individual/company/organisation. If you or the University are not the image owner, or you do not have permission from the owner to use the image, you cannot legally use the image on your website
If you are in unclear whether to use an image then you must always ask the owner for permission, if in doubt do not use the image.
Images you can use
You will be able to use images from the following sources:
- Images taken by yourself.
- Images taken by official external University photographers.
- Images uploaded to the T4 Media Library (these have permission to use and have been optimised for web use)
- Images purchased from stock image websites (such as shutterstock, as long as you comply with the terms of the license agreement)
- Images that you download from free image websites (such as Free Images)
Images you cannot use
You cannot legally use images that you get hold of from the following sources unless you have permission from the image owner:
- Images from other websites, such as blogs or company websites
- Images from search engines, such as Google Image search
- Images from image hosting websites such as flickr, which do not have the appropriate license.
- Images scanned or photographed from books or printed materials.
In order to use the images from the above you will need to gain permission from the image owner, the website owner or the book publisher.
The marketing and recruitment team has an extensive range of photos. Contact the Web team (firstname.lastname@example.org) if you need any particular photo for your Website. We also have an extensive range of photos on the T4 Media library, which have been prepared and optimised for the Website.
Optimising Images for the Web
Before uploading images to the CMS they should be optimised for the Web. This can be done in Adobe Photoshop or an online tool such as Pixlr Editor.
Optimising an image means to reduce its file size and pixel dimension to a suitable size for the web without losing quality.
This is essential as it will ensure that your pages will load quicker, which is particularly important for users on slower connections and on mobile data plans.
Image File Names
Images saved for the web will need to have a web-safe filename. They should be all lowercase, no special characters except hyphens and no spaces. (eg lampeter-st-davids-building.jpg).
This will ensure that the images will display correctly on all web browsers and devices. It will also help search engines locate the page which they are used on.
Graphics should be saved in either jpg, png or gif format. Here's a general rule of thumb when saving images for the web:
- JPG should be use for photographic type images.
- GIF or PNG8 should be used for logos or images with blocks of flat colour and no gradients.
- PNG24 should be used for graphics using effects such as drop shadows or glows, which also require transparency.
Alt tags provide text to describe images on your web page. When a user of screen reader technology encounters an image, the alt text is what they will hear so it is important to provide an alt tag for all images.
Make sure to convey any meaning in the alt tag that the picture would provide for a sighted user. Also avoid redundant wording such as “Picture of” or "Image of” in your alt tags as the screen reader will handle that for you.