Theme Image Dimensions, Sizes and Formats
On this page you will learn which dimensions your images for the theme should ideal have, which file sizes your images should be and which image formats the Help Center theme is supporting.
Header Logo
Theme | Recommended | |
|---|---|---|
Location in theme | Top left in header navigation | - |
Image Dimensions |
| Since a logo can differ of it’s dimensions, we recommend to create a image which uses the full height of 40px and has a minimum width of 40px. |
Image File Size | - | ~10kb |
Image Formats | JPG, PNG, SVG | SVG |
Favicon
Theme | Recommended | |
|---|---|---|
Location in theme | Shown in the browser tab. | - |
Image Dimensions | - | Since this is shown in the brower tab, we recommend to use the size of 32x32 Our image in this documentation has the dimensions of: |
Image File Size | - | ~1kb |
Image Formats | JPG, PNG, ICO | PNG |
Homepage Banner / Hero Layout Banner
Theme | Recommended | |
|---|---|---|
Location in theme | Shown on the top of the space overview page. | - |
Image Dimensions | Background image with no dimension settings. Takes the full width of the current browser. | We recommend to use a image dimensions which servers also bigger screen so the image won’t get blurry on bigger screen sizes. Our image in this documentation has the dimensions of: |
Image File Size | - | ~250kb |
Image Formats | JPG, PNG, SVG | PNG / SVG |
Detailed Layout Banner
Theme | Recommended | |
|---|---|---|
Location in theme | Shown on the top of the space overview page. | - |
Image Dimensions | Background image with no dimension settings. Takes the full width of the current browser. | We recommend to use a image dimensions which servers also bigger screen so the image won’t get blurry on bigger screen sizes. Our image in this documentation has the dimensions of: |
Image File Size | - | ~250kb |
Image Formats | JPG, PNG, SVG | PNG / SVG |
Footer Logo
Theme | Recommended | |
|---|---|---|
Location in theme | Shown on the bottom left in the footer. | - |
Image Dimensions |
| We recommend to use a image dimensions which uses the maximum width and height of 100x80 and leave a transparent background for space you might not need to use. Our image in this documentation has the dimensions of: |
Image File Size | - | ~250kb |
Image Formats | JPG, PNG, SVG | SVG |
Images within the articles
We recommend to respect the following for images within articles:
Keep the file size of images as small as possible. We recommend compress every image before uploading it to the Confluence page.
A thumb rule for image file size is that an image should have a maximum file size of ~1mb.Make sure your images are optimized in their dimensions. E.g. uploading an App icon with the dimensions of 500x500px.