Currently there are 2 options for adding logos into the content of a page. The majority of the time option 1 will be the best route to take, but in some circumstances where a single logo is larger and/or contains a number of words option 2 may be better suited.
...
| Info |
|---|
For examples please see the digital guidelines |
Fallback option - using a text block
A single logo or multiple logos can be added into a text block in the content field. When using this method it is important to have some copy to accompany each logo. This will provide the user with context to what the logo means. This layout can be repeated multiple times consecutively.
- Resize your logo image, there is no fixed size guidance for this as it can depend based on the size and aspect ratio (is it wide, tall or square?) of the logo, but we've found a width of between 200 and 300px works well.
- Pass the file through TinyJPG to optimise - this takes out any unnecessary data and speeds up the loading of your web pages for users
- Upload the file to the T4 media library
- Ensure you complete the description field when you upload the image to T4. This will be the alt tag of your image and is important for SEO and accessibility. If there is text in the logo this should form part of the description. Taking the IoM3 example below, a good description would be The Institute of Materials, Minerals and Mining accredited programme logo.
- Add within your text block in T4 using the Insert from Media button:
This will give you this ...
| Info |
|---|
| It's important that you pass image files through TinyJPG before uploading to T4. TinyJPG optimises images, reducing file size which will mean your content will load quicker. |
Related articles
| Filter by label (Content by label) | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...