Pictures: how to add them and ALT text importance
The maximum image size of one image is 10Mb, while the minimum is 2-3Mb. All new pictures and images should be uploaded to aalto.fi as large in size as possible. Because of the component-based design, the uploaded pictures can be used in many sizes once uploaded to aalto.fi. They are as main images, liftup pictures, gallery images, etc.
Only photos and images owned by Aalto University are to be used on our website. No free or external image bank photos are used on the site.
This image will be shown as the main picture on a page, regardless of the content type (HUB, article, news, events, etc.). You can add a main image after the basic information fields have been filled.
click on "MAIN IMAGE". You can set the main image display mode to default, medium no-crop or hide it. If you choose to hide the main image, it's not visible on the actual article page yet is used for liftups used in other pages.
- Select the image and upload the new picture using the "Upload" tab. OR You can click on "Select files" or drag & drop your picture to the grey area "Drop files here to upload them":
After uploading the picture, you can can give it the basic information and name it. If the picture (for some reason contains text) choose the same language – more importantly: name other fields according to this option.
Give an informative and a descriptive name to the picture and tell who took the picture e.g. Research Day 2017, Photo by Aalto University / John Smith.
Note: The school name abbreviations are not to be used on the aalto.fi site.
The picture/image you just uploaded.
Alternative text* (alt text)
This is one of the most important fields when adding a new picture or image since its related to accessibility: this text will be used by screen readers, search engines, or when the image cannot be loaded.
Follow the same logic as with naming the picture or image. Be clear. If somebody is visually impaired, but can hear the read out loud text, they can get the idea of what the picture presents, and who took it.
For diagrams and charts, the content must also be availalbe in written text.
Aalto University students at Research Day 2017 event / photo by Aalto University, John Smith
- detailed, tells what's happening in the picture, John Smith presented as the photographer
Aalto University John Smith
- too general, doesn't describe what's happening in the picture, nor does it tell if John Smith is in the picture or he has taken it.
The caption for the picture is optional, but please give photo credits when available. You can use the same format as in the "alternative text" field described above.
After filling in the fields, click on the "Save" button.
Changing cropping and focus point
Since all pictures on aalto.fi can be used multiple times – in many components – before changing the focus point of a picture, make sure you have checked, how the picture will be cropped in different components:
You can change the focus point of the picture by clicking on "Edit" below the uploaded picture in edit-mode of your content type and then changing the placement of the + mark. Below the picture you'll find the "Preview" mode – it will show you all the different ways: how the picture can be used:
In addition to a main image, you can add pictures to your page by using the following content components:
- text: Quote (when adding a quote including a picture)
- image: Image with text (when adding text with a picture)
- image: Single image (adding a single image in size M, L or XL)
- media: Gallery (multiple images in one component including captions)
- media: Slider (when showcasing short texts with pictures).
All components/pictures, mentioned above, can be hidden in the chosen language version(s). Just untick the "Show this component in this language" box.