--- title: "Tutorials: toujou logo settings – this is toujou." url: "https://www.toujou.com/service/toujou-set-up/logo-settings/" description: "The second step to your individual TYPO3 website: A set-up for you to save different logos for different functions." date: 2019-03-14 modified: 2022-09-27 --- # Tutorials: toujou logo settings – this is toujou. 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [toujou set-up](https://www.toujou.de/service/toujou-set-up/) 4. [Logo settings](https://www.toujou.de/service/toujou-set-up/logo-settings/) Logo settings ============= In this section, you determine the characteristics and the use of your logo. Tab: »Logo« On this page Step by step -------------- [ ![](https://www.toujou.de/_assets/processed/O5hcvbnX4JXHM9BDkmQ6EXFMcdkDLn1LZ_8JFM6blb0/q:85/c:1440:808.98876404494:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAyXzAxX0xvZ28tc2l6ZV9FTl82ZDYxYjUzOGNh:t/cb:99f415513a6bbde0352e77a7dae320abf216e11a/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDJfbG9nby9FTi8wMl8wMV9Mb2dvLXNpemVfRU4ucG5n) ](https://www.toujou.de/_assets/processed/r1Fu-nmiy8sX3PCD39B6gF5llTaOZz1DLd99KsYshSg/q:85/w:1024/h:640/fn:Y3NtXzAyXzAxX0xvZ28tc2l6ZV9FTl81ZTlmZDUzNjU4:t/cb:99f415513a6bbde0352e77a7dae320abf216e11a/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDJfbG9nby9FTi8wMl8wMV9Mb2dvLXNpemVfRU4ucG5n) ### Format and size of the main logo - Click on the tab **Logo**. - Choose from **horizontal**, **vertical** or **square** at *Logo Format* in the drop-down bar to determine which display mode suits to your logo. - At *Logo Size* you customize the size (**small**, **medium** or **large**) in which your logo is displayed. - Click on the **Save** button above the workspace. [ ![](https://www.toujou.de/_assets/processed/yXqaMydrlhRYvOlRqIB0gNDwkST2_KJh1u0xYcU4NeA/q:85/c:1984:1114.606741573:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAyXzAyX0xvZ29zLWVpbmZ1ZWdlbl9FTl8xYzdkMGIzZjgw:t/cb:90f14e85a2a3e802800b17130dd702a2a0921ffd/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDJfbG9nby9FTi8wMl8wMl9Mb2dvcy1laW5mdWVnZW5fRU4ucG5n) ](https://www.toujou.de/_assets/processed/-w_GSmF35QjfG0M-nF1ztLCa6cN-BnxPMTn-a5bpb8U/q:85/w:1024/h:640/fn:Y3NtXzAyXzAyX0xvZ29zLWVpbmZ1ZWdlbl9FTl8xMjQyOTQxYmUw:t/cb:90f14e85a2a3e802800b17130dd702a2a0921ffd/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDJfbG9nby9FTi8wMl8wMl9Mb2dvcy1laW5mdWVnZW5fRU4ucG5n) ### Upload the logo versions - The *Allowed file extensions* indicate which formats are required for the different versions. Upload the files with the button **Add image** for existing files in toujou or from your computer with the button **Select files.** - In any case, upload the main logo (**Logo**) and, if desired, other variants such as a **Negative Logo**, a **Footer Logo**, a **TopBar Logo**, or an **SVG Logo**. If a SVG logo is uploaded, this logo is automatically displayed. - With the **Favicon**, you set the small element in the tab of any browser that stands for your website. Depending on the file format, if the resolution is too low, the favicon may not be displayed. Make sure to provide a logo of sufficient size (> 260x260 px), which can be converted for display on different devices. - Click on the **Save** button above the workspace. Pieces of advice ---------------- toujou is based on TYPO3 and anyone familiar with TYPO3 knows that there are many different options to use to reach your desired results. We would like to point out important information and little tricks that can assist you when you’re creating and editing your website. Within the *Logo Settings*, you have several options to upload your logo or versions of it. The use of all possibilities is not necessary, for example if you only have one or few logo variants. For instance, for the setting of a *favicon* with its extremely small display area it absolutely makes sense to choose a readable or a miniature version of your logo. ##### Tutorials [Checklist ❯](https://www.toujou.de/service/#c1004820) [Contact data ❯ ](https://www.toujou.de/service/tutorials/contact-data/) [File list ❯ ](https://www.toujou.de/service/tutorials/file-list-module/) [Edit navigation ❯ ](https://www.toujou.de/service/tutorials/pages-navigation/) [Edit page content ❯ ](https://www.toujou.de/service/tutorials/page-content/) [Edit page properties ❯](https://www.toujou.de/service/tutorials/page-properties/) [Responsive & mobile first ❯](https://www.toujou.de/service/tutorials/responsive-mobile-first/) [Yoast SEO ❯ ](https://www.toujou.de/service/tutorials/yoast-seo/) [Redirects ❯ ](https://www.toujou.de/service/tutorials/redirects/) [Blog administration ❯](https://www.toujou.de/service/tutorials/blog-administration/) [Linkvalidator ❯](https://www.toujou.de/service/tutorials/blog-administration/) ##### toujou set-up [Theme ❯ ](https://www.toujou.de/service/toujou-set-up/theme-settings/) [Logo ❯ ](https://www.toujou.de/service/toujou-set-up/logo-settings/) [Font ❯ ](https://www.toujou.de/service/toujou-set-up/font-settings/) [Color ❯ ](https://www.toujou.de/service/toujou-set-up/color-settings/) [Social media ❯ ](https://www.toujou.de/service/toujou-set-up/social-media-settings/) [Analytics ❯](https://www.toujou.de/service/toujou-set-up/analytics-settings/) [Data protection ❯](https://www.toujou.de/service/toujou-set-up/data-protection-settings/) [Website overlay ❯](https://www.toujou.de/service/toujou-set-up/website-overlay/) ##### toujou element library [Text elements ❯ ](https://www.toujou.de/service/element-library/text-elements/) [Teaser elements ❯ ](https://www.toujou.de/service/element-library/teaser-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/element-library/blockquote-elements/) [Teaser cards ❯ ](https://www.toujou.de/service/element-library/card-elements/) [Media elements ❯ ](https://www.toujou.de/service/element-library/media-elements/) [Map elements ❯ ](https://www.toujou.de/service/element-library/map-elements/) [Blog elements ❯](https://www.toujou.de/service/element-library/blog-elements/) #### [Navigation elements ❯ ](https://www.toujou.de/service/element-library/navigation-elements/) [Widgets ❯ ](https://www.toujou.de/service/element-library/widgets/) [Headline element ❯ ](https://www.toujou.de/service/element-library/text-elements/headline-element/) [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/)