Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Updated the guidelines after deployment of the new layout for Strathcom
Excerpt

This pages details the graphic design parameters of adverts on Myplace.


To get the best effect from the Myplace Advertising facility you should design your advert's graphic appropriately. This article sets out some guidelines to get the best results.

Column

Image Removed

Square Dimensions: 600px by 600px

Advert types and image specifications

You can post two types of adverts:

  • Title and image only (larger image)
  • Title, copy and image (smaller image)

The dimensions of your graphic, screen resolution and the device displaying the advert all affect the final display

For the best effect you should create an image that is either:

  • 500px x 500px 

or

  • 500px x 200px

These are illustrated to the right, with the shaded area indicating the image area. Please note that the advert will display differently across different pages.

The focal point of the image should be position so that it sits within the dashed area in the center of each template. This area is approximately 200px by 200px.

Title and image only

For the best effect you should create an image that is 600px x 600px, and make sure that the focus are is at the center of the image. 

Title and image only

For the best effect you should create an image that is minimum 600px wide and minimum 400px high, and make sure that the focus are is at the center of the image. 


This will ensure that the the most interesting part of the image is displayed when the advert is displayed on different devices and screen resolutions.

Warning

The focal area is a guideline only. You cannot rely that the area indicated by the dashed area will be completely displayed, especially at the borders.

Section

Allowed images

Please use decorative images only. Images should not be used to communicate any message. 

Warning
titleAccessibility

Please avoid the following images:

  • images of logos
  • images of text
  • functional images
  • images that contain subjects outside the focal area



Section



Column

Guidelines that show how the safe part of the image is the center.Image Modified

Rectangular Dimensions

Recommended dimensions:

600px by 200px
Example

min width 600px and min height 400px, center focus

Examples

Given the advert graphic on the right, the following show how this image what portion of an image with dimensions of 600px x 400px may be displayed when the advert appears in 1) Square form and 2) Rectangular form

Image Removed

Advert Graphic

Square Form

The schematic shows at the various sizes.

Please keep in mind that this a guide only as the image will resize based on the screen size.


Guidelines that show how the safe area of the image is the center.Image Added





Tile sized advert with copy 

These examples shows how the focal area is kept centered when displayed in an advert at different screen sizes, and the whole image is adjusted to fit within the bounds of the advert format.

The


Image RemovedExample of an advert with title and copy. The image is cropped into a short rectangle and covers the top third of the tile. Image Added

Square Advert form

Image Removed

Square Advert Schematic

Rectangular Form


Example of an advert with title and copy in a horizontal layout. The image is cropped into a square and covers the left third of the tile. Image Added





Advert image and title only

This example shows how the focal area is kept centered , with the areas to each side displayed as required by the width of the advert's area.

Image Removed

Rectangular Advert Form

Image Removed

Rectangular Advert Schematic

when displayed in an advert with image and title only, and the whole image is adjusted to fit within the bounds of the advert format.


Example of a small advert with image and title only, the image portion covers the entire size of the advert and the title is over the imageImage Added