Banner Images Best Practices

Banner Images in ConveYour

There are three primary areas within a ConveYour campaign where visual elements come into play: The The Banner Image, The Display Image, and Photos you may send via SMS campaigns or in Conversations.

Banner Images

The Banner Image is a narrow horizontal image with a 4:1 ratio. The Banner Image appears in both your campaign setup, and as a background for individual triggers. Banner images are stretched to many different widths depending on the device accessing your content, so you want something wide enough for desktop displays. Using a JPEG at 65-75% quality from the original helps to make sure all of your images load quickly for your customers. 1280px X 350px at 150 DPI are the pixel dimensions we used for our built-in banners - here is an example: (And, if you don’t know what all of that jargon means, you should probably just select from the stock imagery provided by clicking "Grab From Gallery".) banner example

Keep in Mind:

Darker images with less happening work best

in the background allows the white text of your ConveYour triggers to be more legible.

Less is more

Close-up shots with depth-of-field images work better than those showing a lot of elements in the image space.

Landscape 4-to-1 ratio works best

where the imagery is consistent and simple, with very little whitespace and no borders.

Image size matters

Because the imagery is delivered through a variety of media from smart phones, to tablets to large-screened computers. At least 1200 pixels at 72 dpi. Try to max the size of the image to no more than 1 MB in size. 500 KB is a good middle ground where you will probably have a decent amount of information. Compressed JPEG image can usually be made smaller, while PNG images often have more information, and will be generally larger in file size.

The demo video below shows some good examples:

Tips on selecting a good banner

These images are going to be used on desktops and mobile devices so you can't always bet on how wide they are going to be. For your first campaign, just select one of the banner images provided through ConveYour to help get you started quickly.

If you must create custom banners, here are some tips on how to select good banners!

Include no text in your banner image.

Banners are used as backgrounds much like your Facebook cover photo! Text is an overlay on top of the banner, so text in the image gets visually confusing.

You want a wide and short image.

You know, a banner! A good rule of thumb is to have an image that has about a 4:1 ratio. You know like a tv has a 16:9 ratio? See recommended pixel dimensions below.

Pick a decent pixel depth.

Select a banner image that's at least 800px wide by 200px in height. 1280px X 350px is the resolution we used for our built in banners. These banner images are stretched to many different widths depending on the device accessing your content so you want something wide enough for desktop displays. Using a JPEG at 65-75% quality from the original helps to make sure all of your images load quickly for your customers. Save the image for web delivery (with a pixel depth of 72 ppi ) as a JPEG or PNG. If none of this information makes any sense at all to you, consult a graphic designer to help you create banner images with the proper dimensions.

Images without borders.

These are background images that will get stretched, skewed, and cropped so avoid using images with framed borders. In fact the best images are ones where there is very little whitespace. Images that use darker colors and that are visually simple will be the best choice because they are less likely to conflict with the white text used in the names/titles. See examples below, notice the white text is used for titles of each trigger in the campaign...

Good banner images in a course

Display Images

OPTIONAL. The Display Image can be utilized for a promotional landing Web page, as an invitation for your audience to join your campaign. The display image is like your marketing image, and typically contains the name of the campaign with a corresponding visual element.

The first image your audience may encounter is in the display image for Landing Pages in Advanced Campaign Setup Options. If you are utilizing a Web page or a Landing page for the audience to sign-up for your campaign, they will see a display image or video. You have the option when setting up your campaign to select an image, or insert a link to a Vimeo or YouTube video. Ideally, you would have a video here, speaking about your program and encouraging people to sign-up to participate. In cases where video is not appropriate you should have a graphic representation of the campaign. The display image will have a 16:9 ratio, with added text — usually the campaign title. A resource for decent, free stock imagery can be found here: pexels stock imagery, or you can use one of your own images. Because the display image will generally be displayed in an online setting, 72 dpi or "screen resolution", is appropriate. (If you ever plan to make a brochure or print material using the same image, you will need a higher resolution image of 300 dpi.)

The Display Image is the one that is shown in your landing pages and sign-up widgets. A landing page has a unique URL, and typically carries more pertinent information about the campaign and the form used to sign-up. You can find it under Campaigns and > Invite tools. Then click on the top option, landing page, to see how your landing page would display for that campaign.

A “widget” is an element within a web page that contains the display image and the sign-up form code and allows the end-user to sign-up from this embedded form on a webpage - on your website for example.

Because ConveYour users typically include a video on this page, instead of the display image - this image is not used as often. However, if you opt to use an image instead of a video the typical dimensions that work well here are: 1820 x 1024 pixels and an optimized .jpg, no larger than 600 KB. If pixels and jpg optimization scares you - it's best to consult a web designer to help you with creating imagery.

If creating imagery intimidates you in general - for banner images we have provided many for you to choose from.

Photos in ConveYour Triggers

There is one last area you may want to include images, and that is with a content send, or to accompany a question within one of your engagement formats. These images need to be small and optimized for the Web. When you test your campaign, you will know right away if your image is too large, because it will take forever to load!

ConveYour let's you engage, train, and influence your people all from a single platform.

Sample e-learning formats banner

Try our FREE Microlearning Sample Course