Image usage and copyright
Images featuring caption text or designed text
Images of any size or type online (in-page images, banners, billboards) should not feature text designed into the image - text must always be 'real text' styled with html/css code in the University's approved web templates. The reasons for this are:
- To ensure effective accessibility and usability for all web users
- User tests show that not all web users pay attention to images, many in fact see images with text on as advertising/marketing and ignore them
- Some web users use screen readers which cannot read the text embedded into images (however screen readers can read real text, coded properly)
- Some web users turn off images so their browser will not display the images
- User tests show that images with designed text on them are ineffective on the web and the message is not understood effectively / call to action is not received and acted upon
Please note: The Digital Team do not support images with designed text and we do not produce them. We are legally required to maintain an accessible website and images used online with text embedded in the image do not meet accessibility guidelines.
Guidelines for accessible captions:
- Caption should only be entered in T4 approved carousel template
- Caption text should be no longer than one line
- Use sentence case only, eg News story headline should be written like this
- Punctuation not used unless essential. No full stop at the end of billboard caption; no exclamation marks; no quote marks (unless caption is a quote from a person and indicated as such with the person’s name)
- Dates to be written as per University style guide eg Monday 1 January 2016
- Use a call to action eg Book now for your ticket to this event
- Never use ‘click here’ in caption text
- University of Exeter logo not required on billboards
- Logos only to be used on billboard images when appropriate and/or required, eg sponsors, awards
- High quality logo image files only
- Positioning of logo on image done by Digital Team
- Logo position must avoid caption area at bottom edge of image
- Logo image files should be on transparent background, or white if not possible
- Usage of logos at Digital Team’s discretion
Copyright law is designed to protect the rights of creators of artistic, literary, musical and dramatic works of all kinds from having their work exploited or misused. As such it protects their rights to charge for the work and time they have put in to their creations, and also their moral rights to control how their work is used by others.
Copyright law applies to digital publishing as well, including photographic images and digital graphic art work.
The web is a freely available, highly accessible medium, and inherently a sharing technology, where it is very easy to copy and republish material without thinking about copyright.
A Google image search can quickly find images you might think are appropriate to use on your own webpages, but you must always be aware of copyright ownership. Never assume because something is easy to find and copy from a webpage that it is OK to steal someone else’s work.
Many content creators and rights owners, such as the major image libraries, protect copyright by using sophisticated image-matching robots to crawl the web and find where their images are being used illegally without permission, even if the image has been adapted in some way.
Individuals, businesses and institutions, including the University of Exeter, have found themselves issued with very large bills for using material on their websites without permission. Ignorance is no defence and people have been obliged to pay up.
Do not assume that the web is so big, and everything on it available so freely, that no-one will ever find out what you are using when you copy that image for your webpage.
Copyright owners do not have to make a statement to have copyright over:
- whole webpages
- text
- images
- graphic art
- maps
- videos
- music
- sound recordings
- or any other work, including artistic, dramatic, literary or musical
- anything that is created and published on the internet is automatically under copyright to the original creator under the law (assuming it has not itself been copied).
The lack of a clear copyright statement either accompanying the individual item you want to use, or accompanying the whole site on which it appears, does not mean the item can be copied freely.
Always seek the permission of the website owner, and check if they own the copyright to the item you wish to use or if they have been granted a licence to use the item by the original copyright owner.
Any rights they have been granted or have purchased will be restricted to the usage on their site only; you must obtain the permission of the original rights owner yourself if you wish to use it on your own site. Many of them will allow defined usage without asking for payment, but if payment is requested and you don’t think the expense can be justified, you must not use the image.
Permission to reuse images from pages even within the University site must also be sought, in case an image is being used under restricted copyright but the ownership not explicitly acknowledged.
Once permission is granted, terms of use agreed and any required payment has been made to the copyright owner, it is important to acknowledge the original owner of the image or work publicly on your site - do not pass it off as your own. If you have obtained formal permission to use an image under terms and conditions stipulated by the copyright owner, these may detail the precise credit line you should include with the image.
Sample copyright captions with individual image:
Photo courtesy of [photographer or company name, linking to their website or email address as appropriate]
or
Credit: [photographer or company name, linking to website or email as appropriate]
On a page with a number of images needing copyright acknowledgement:
Photography supplied courtesy of [list photographer/company names, linking to websites or emails]
Where to put the image credit
In the carousel template there is a caption field, use this to include the image copyright acknowledgement.
You cannot assume that an image you find on the web has not itself been copied illegally.
If, after contacting the website owner to obtain permission, you are not completely certain who owns the copyright on an image or other item, you should not use it.
Image resources
JISC Digital Media helps the UK’s FE and HE communities embrace and maximise the use of digital media - and to achieve solutions that are innovative, practical and cost effective.
Their mission is to support the UK's education sector in achieving greater digitisation and use of digital media resources (still images, moving images and sound resources) for teaching, learning and research. Their website provides a wealth of advice on using images and other digital media, including information on finding and using digital media, further copyright information and links to free educational resources.
The University regularly commissions photography for use in promotional publications, including the University website. We have an extensive and growing archive, many of which can be viewed on the University’s online archive, Assetbank. Some photos will have usage restrictions; check before downloading or requesting the image.
The copyright owner of the photography within Assetbank is the University of Exeter.
Pixlr is a web based image program which we recommend for resizing and optimising images for the web. Sign up using your University email address to access Pixlr for Education.
Working with images
The ‘standard’ image size for University responsive templates is 930 x 500 pixels.
- High resolution original image, ideally 300 dpi
- At least 1mb file size
- Dimensions 1000 x 500 pixels minimum
- Tiff or jpeg file type
- Landscape orientation
- Composite/multiple images not allowed
- Image approval at Digital Team’s discretion
Use with:
- Carousel (single or multiple images)
- Feature box
- Highlight content panel (optional)
Why such a large image size of 930x500?
The reason for this is to accommodate ultra-high resolution displays which are becoming more common, especially in mobile devices. ‘Retina displays’ have a higher pixel density and the ability to display text and images very crisply, so that individual pixels aren’t visible to the naked eye.
Template | Recommended image size (px) | Notes |
---|---|---|
Carousel | 930x500 | Standard responsive image size |
Feature box | 930x500 | Half size 465x250 or width/hight ratio of 1.86 will work if full responsive image is not available |
Acc: www page | Don't use | Do not embed images as anything above mobile width will be distorted. Use a carousel or highlight content panel. |
Tabs | Don't use | Do not embed images, use highlight content panel |
Profile gallery | 465x465 |
Square image |
Highlight content panel Used in left col Used in right col Used in tab |
440 min width 502 min width 376 min width |
220 min width can be used 251 min width can be used 188 min width can be used |
It's important to consider how images affect page load times.
- It is common for more than half of the page load time to be taken up downloading images.
- Page abandonment rates are directly linked to page load times. 25% of users will give up if a page takes more than just 4 seconds to load.
- Google will penalise (in search rankings) websites that take an excessive amount of time to load.
- Images should be optimised to reduce file size before adding to the media library.
- Carousels should be limited to no more than 4 or 5 images in order to reduce page load times.
Responsive web pages will display differently depending on the platform that they are being viewed on. The change in size and context of an image can make a difference to the way a user interprets the page.
- The responsive templates require the same image to be used in different sizes across different platforms.
- Try to choose images that scale well and still have the same meaning when on a small mobile screen.
- Avoid images that don't scale well, where important fine detail is lost or dramatic impact is reduced.
- Wherever possible, test new images across multiple platforms.
- 'Standard' 930x500 images tend to work better with photos that were taken with landscape orientation. Portrait photos can be cropped to this size, but don't always work well in this aspect ratio.