This guide includes useful information that can be used when contributing screenshots to the HubRise website.
Screenshots should be placed after the first descriptive text in a section.
Screenshots of an user interface should not be referred to in documentation unless they represent a specific example. No need for “This screenshot…”
Placing a screenshot or animated GIF may be accompanied with “This example demonstrates” or “This example shows….” if the example demonstrates non-standard behaviour.
When working on a document, store source images in the Screenshots folder of the corresponding app in the Drive.
Screenshots should always be taken in both English and French when applicable. Follow the image file naming convention and add [screenshot] at the very beginning of the file name. For more information see Image Naming Convention.
Screenshots should ideally be taken on 4K High Definition screens. The width of the website screenshots are being taken on should be reduced to 1200px.
It is not necessary to scale the image in GIMP, Photoshop or other image editors.
Named images with the following naming convention Format:
is a three digit number. Not needed for icons, and images that does not require localisation.
[en]is the language acronym.
[fr]for French. No need for the language acronym if we have no text for localisation within the image.
2xto be included only if you screenshots are taken from a HD 4K screen. Screenshots should not be scaled. For more information, see Image Shooting.
[description]is a placeholder for a short description.
For example if the image contains text within:
For example if the image contains text within and the screen capture taken on a HD 4K screen:
For example if the image does not contain any text and the screen capture was taken on a HD 4K screen:
Also, add [screenshot] at the very beginning of the file name of the initial screenshots saved in the Drive for reference:
The image alt attributes should include the name of the app and a brief context, description. No full stop is required even if the description resembles a sentence.
![Create an account on HubRise](../images/064-en-2x-create-account.png)
Feedback on this page