# Logo and site icon

Put the logo in the header and the icon in the browser tab, and know where each one appears.

For: Everyone finishing a site

## The logo in the header

The header has a Logo field. Choose an image in the ordinary way, from the library or by uploading; a transparent PNG or SVG sits best on a coloured header. The header also decides how the logo is sized and whether it is shown beside the menu or centred.

The same logo can be used in the footer and in emails from the site, so it is worth choosing one file you like at small sizes: a square-ish mark, not a wide letterhead.

Walkthrough: The logo in the header (Editing the header)

1. **The logo field**: A transparent PNG or SVG sits best on a coloured header. Choose one file that works at small sizes.
2. **Choose an image**: From the media library or a fresh upload. The same logo can serve the footer and site emails.
3. **Beside the menu**: The header decides where the logo sits and how the menu arranges around it.

1. Select the header from the Navigator.
2. Choose the logo image, and check it at phone width.
3. Check the footer uses the same file.

## The site icon

The site icon is the small image browsers show in a tab and beside a bookmark: the favicon, in the old language. It lives in website Settings, under Options, and is completely separate from the header logo on purpose, because a tab shows one thing at 16 pixels.

A simple letter or shape in the brand colour usually beats shrinking the logo. Keep it square and let the background fill.

Walkthrough: The site icon in browser tabs (Website settings)

1. **Site icon**: The small image in a browser tab and beside a bookmark. A simple letter or shape usually beats shrinking the logo.
2. **In website Settings**: It lives under Settings, not the header, because a tab shows one thing at 16 pixels.

Note: Search engines and social shares have their own image: the shared image sits on the SEO tab as the site default.

## Which file types work for the logo?

PNG, SVG, JPEG, GIF and WebP. SVG is best for sharpness, PNG for everything else. Upload limit is 10 MB per file.

## Related guides

- [Brand ideas](/help/brand-and-design/brand-ideas)
- [Images and media](/help/brand-and-design/images-and-media)
---

CubeSites is a trading name of Cube Systems Limited, part of Crushed Ice Group. Registered in England and Wales, company number 17220899. Registered office: Unit 11, Olney Business Park, Osier Way, Olney, Buckinghamshire, MK46 5FP. ICO registration number ZC216972.

Contact: hello@cubesites.co.uk | 01234 672 617 | https://cubesites.co.uk/contact