You are hereHantsweb HomeBanners

Hantsweb Styles

Layout and design options in Hantsweb pages

Banners

Banners are the lovely images that appear along the top of Hantsweb pages. On these pages, we are using a photograph of a road. The banner provides some nice visual enhancement to the page, and can also be used to give a context and grouping to a set of content.

Essential Information on banners:

  • They can only be JPEG or GIF;
  • They must be 1024x108 pixels in size;
  • They must not contain the rectangular right-hand box as part of the image (this gets added on as part of the page);
  • They must not be a 'montage';
  • The main visual interest should be in the left and centre of the image.

Let's look at some examples.

Good

Photograph

This is a nice photograph of a road, in the right dimensions (1024x108 pixels), with some visual interest in the left and centre.

When the image appear on the page, the rectangular 'banner box' will appear on top of the image, so choose a colour scheme that looks nice with the image.

Graphic

Using graphics is fine too, so long as they suit the content, do not infringe on copyright and do not use obvious or poor-quality Clip Art.

 

Bad

Banner Box

This image is wrong as the banner box has already been cut out of it, so it will make the image look odd when viewed on different screen sizes.

Optimisation

This image is wrong as it has been compressed too much when being converted into a JPEG. You can see that there are lots of blocky areas and 'noisy artefacts' in the picture.

When you export a JPEG, aim for around 8/10 (80%) as a quality level

 

Ugly

Montage

The montage should not be used, as it is rather out-dated and can look very amateur. There can also be a tendency to over-use particular images when constructing them.

Clip Art

Oh. Dear.

 

Reviews

0 reviews so far

Review Ref. 109495

 

Write a review

 

Required fields are marked with a *

 
 
 

Reviews

Not yet reviewed

Essential Information on banners

  • They can only be JPEG or GIF;
  • They must be 1024x108 pixels in size;
  • They must not contain the 'banner box' as part of the image;
  • They must not be a 'montage';
  • The main visual interest should be to the left.

GIF or JPEG?

These are the two main image types that are used on the web.

GIF

GIF (Graphics Interchange Format) is an image format using a palette of up to 256 distinct colours. It is great for saving graphics and strong designs using a limited colour palette.

JPEG

JPEG stands for Joint Photographic Experts Group. The most common file extension for this format is .jpg, though .jpeg, .jpe, .jfif and .jif are also used

This format is great for saving photographs as it relies on the fact the eye cannot discern small amounts of loss from an image. However, once a certain threshold of compression is passed, compressed images show increasingly visible defects