Upload images
Prepare your images first
You will find it easier if you prepare your images and upload them to the media library before editing your courses.
Save for the web
Big files slow down our site, so always try to 'save for web'. Essentially, this means reducing the size of the image file, without reducing the image quality.
You can do this easily using free tools like Pixlr. Read this article on optimising and cropping with Pixlr to get started.
Upload images as JPEGs
In most cases, images should be uploaded as JPEG files in the media library. JPEGs are smaller than PNGs, and smaller files are better for our loading times.
As a general rule, JPEGs should be used for photos. PNGs should only be used for graphics or if your image has transparency.
Use descriptive filenames
Image filenames should be descriptive and lowercase, with no spaces, as they form the URL of your image. So 'blizard-building' is much better than 'IMG-245922'. This will be good for SEO, as labelling your images will help Google figure out what is on your page.
Course header images
These are the long, thin images that appear at the top of each course page.
Course header images must be 1500 pixels wide by 350 pixels tall. Close-ups of objects or people are usually unsuitable.
Student profile images
Student profile images appear mid-way down course pages alongside a student testimonial. They should be a headshot that is 300 pixels wide by 300 pixels tall.
Accreditation logos
Add logos for any professional accreditation your course has. This is a great way of communicating visually what sets your course apart.
Save any logos so they are 70 pixels tall.
How to upload images
Choose one of the three options, depending on which image you are uploading:
- For course header images: go to your course description. Find the 'image' field near the top and select 'select media'. This will take you to the media library.
- For student profile images: go to your course description. Find the 'student image' field near the bottom of the page. Select the 'select media' button. This will take you to the media library.
- For accreditation logos: go to your course description. Find the 'professional recongition' field near the top of the page. Select the textbox field. Add the image as an in line image. This will take you to the media library.
Then follow all other steps in this process, for all three image types:
- The file path for course images is as follows: QMUL course images > Undergraduate > [school] > Header images / Student images / Professional logos.
- To find this folder, go to 'QMUL course images' in the media library. Select the '+' icon to expand the options. Select the '+' icon for 'undergraduate'. You will see a list of all schools - find your school.
- Select the '+' icon for your school - you should see three folders appear below: header images, student images, professional logos. Select the right folder for your image.
- Scroll to the top of the page and select 'add media' to add your image.