Image size guidelines
Whether you are customizing your homepage layout and intranet theme, selecting a photo for a Grid navigation section, or updating your profile photo, this image guideline contains all the specifications on the recommended image sizes in ThoughtFarmer.
| Description | Recommended minimum size (unless otherwise specified) width x height (px) |
File types supported |
|---|---|---|
Profile pages |
||
| Profile photo | 300 x 300 (allows for cropping) | GIF, JPG, PNG |
| Profile page cover photo | 1200 x 700 | GIF, JPG, PNG |
Page and Template Setup images |
||
| Thumbnails that will display as Square thumbnail crop (search results, page sharing, groups directory, and carousel list layout) | 340 x 340 | GIF, JPG, PNG |
| Thumbnails that will display as Rectangle thumbnail crop (News card: List view posts, Grid navigation cards, and multiple carousel layouts) | 1500 x 1000 | GIF, JPG, PNG |
| Thumbnails that will display as Wide Rectangle thumbnail crop (News card: Grid view posts and multiple carousel layouts) | 3000 x 1000 | GIF, JPG, PNG |
| Page header | 1200 x 700 | GIF, JPG, PNG |
| Broadcast email header | 600 x 150 | JPG, PNG |
Theme settings: (found on the Theme page of the Admin Panel) |
||
| Logos: | ||
| Site logo | Must fit within header 440 width (Recommended) |
GIF, JPG, PNG |
| Site logo (Retina logo) | Exactly 2x or 3x the dimensions of the default site logo | GIF, JPG, PNG |
| Sign-in heading | Maximum width 440 | GIF, JPG, PNG |
| Sign-in heading (Retina logo) | Exactly 2x or 3x the dimensions of the default sign-in heading | GIF, JPG, PNG |
| Notification email logo | Maximum width 560 | GIF, JPG, PNG |
| Browser icon | 16 x 16 (Recommended) | JPG, PNG |
| Desktop notification logo | 64 x 64 (Recommended) | GIF, JPG, PNG |
| Mobile icon | 512 x 512 (Recommended) | GIF, JPG, PNG |
| Component style: | ||
| Site background (non repeating)* |
2560 x 1440 | GIF, JPG, PNG |
| Site header background (height is flexible) |
1470 x 110 | GIF, JPG, PNG |
| Sub image on the header (must fit in header height) |
280 width | GIF, JPG, PNG |
| Footer image (extended to edges of browser) |
2560 x 51 | GIF, JPG, PNG |
| Footer background image (not extended to edges of browser) |
1470 x 51 | GIF, JPG, PNG |
| Default profile image | 500 x 500 | GIF, JPG, PNG |
| Default group image | 500 x 500 | GIF, JPG, PNG |
* Site background: The size of this image is variable depending on the type of image and the image treatment being selected. For instance, if a patterned background is desired, a repeating image treatment can be selected, and the size of the pattern file can be much smaller.
Comments
0 comments
Please sign in to leave a comment.