In the Enterprise version of Natural HR it is possible to set a global background image to allow you to further maximise the branding for your company, e.g. an image of your office or a recent social event.
The image can be added by browsing to
Administration > Company > Settings > Branding settings > Images
You can upload an image of your choice by uploading an image within the Main Background Page - this is a global image and will apply to all users.
The options against the image are how you deal with scenarios where the screen size is bigger than the image and the ability to set opacity on the image.
Background images display option - This field allows you to select from three options:
Cover (default) - this will stretch the image to fill the screen width. This may mean that on modules and at certain resolutions that the image may get a little distorted as it is stretched or it may be slightly cropped on one side. This works best with photos.
Tile - this will "tile" the images to fit the screen size. This will mean there is no distortion but it may mean you have multiple copies of the image at certain screen sizes. This can work with both logos and images.
Contain - this will show the image once centred on the screen. As with tile, this will mean there is no distortion but it may mean that the image is not always visible depending on the screen contents. This works best with logos.
Background images opacity -
This is a number between 1 and 100 where 100 is no opacity/transparency and 1 is almost invisible. We have found a setting of around 50 or less is ideal for most images.
When choosing an image, we recommend the following:
- Use JPG/JPEG images rather than PNG/BMP or GIF
- The image ideally should be portrait (i.e. taller than it is wide)
- The image resolution should ideally be around 3 x 4 (for example, 1200 pixels wide by 1600 pixels high)
- When saving the image, set the quality to around 40 - it does not need to be maximum quality
- Do not set transparency on the image before uploading as this will prevent you from saving it as JPG - use the option above for transparency to control the display
- The image should ideally be neither very dark nor very light
- If the image you upload is too heavy (i.e. the file size is too large) then this will impact the load time of pages which is why it is important to get this "right". The target size should be around 150 to 250kb.
Ultimately you may need to experiment with the various options to get this right as each image will be slightly different.