Image size guidelines
Following are the recommend size for images used in the community. It included are templates you can download to aid with your design process.
Banner, email masthead and logo
|
Image |
Size |
Description and notes |
|---|---|---|
|
980px wide x 124px high |
While banner height is flexible, a width of 980px is essential to prevent distortion. | |
|
Email masthead |
588px wide x 100px high |
The email masthead appears at the top of all emails sent by the system. If you upload an image to be your email masthead, don't forget to include the name of your community as part of the image. |
|
300px wide x 60px high |
The logo appears at the far left of the navigation menu. |
Challenge images
As described in uploading images to challenges, there are two images that you can add to a challenge.
The main challenge image is displayed on the challenge page, beneath the short brief and above the posted ideas.
Your main challenge image should be 980 x 240 pixels, if you upload a file of a different size, it may appear distorted or cropped.
The Challenge listing image is the image that users will see around your community, the image that they can click on to be taken to the challenge page. The challenge listing image is displayed in two different sizes:
- 318 x 195 pixels on the challenge directory page
- 464 x 302 pixels on the standard home page
We recommend that you upload a challenge image that is 464 x 302 pixels, but be aware that it will be cropped when it is being used as the listing image in many places in the community. When the image is cropped, the system will remove the outer edges of the images.
You can download a template for the challenge listing image, either as an Adobe Photoshop file or jpeg, by clicking on the respective link below:
- Photoshop: Ideas challenge image template
- Jpeg: Ideas challenge image template
Blog Images
As explained in our Creating and editing blog posts article, there are two ways in which you can add images to a blog.
Inline images
These are images that are added in the Post text field using the insert/edit image button at the bottom of the text field.
Images added here will sit at whichever point they are inserted in to your post such as at the start of the post or between paragraphs. These images should be the highest resolution possible however will shrink to fit the the blog window at 477px wide.
