--- title: "Tutorials: toujou-Logo-Settings – Hier ist toujou." url: "https://www.toujou.de/service/toujou-setup/logo-hochladen/" description: "Der zweite Schritt zu Ihrer individuellen TYPO3-Website: Hier legen Sie verschiedene Logos für verschiedene Funktionen ab." date: 2018-08-03 modified: 2022-09-27 --- # Tutorials: toujou-Logo-Settings – Hier ist toujou. 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [toujou Setup](https://www.toujou.de/service/toujou-setup/) 4. [Logo hochladen](https://www.toujou.de/service/toujou-setup/logo-hochladen/) Logo Settings ============= In dieser Sektion legen Sie die Beschaffenheit und den Einsatz Ihres Logos bzw. Versionen davon fest. Reiter: »Logo« Auf dieser Seite Schritt für Schritt --------------------- [ ![](https://www.toujou.de/_assets/processed/GkieajU7aXyyqawwg66-o7jl2PkNFvdARfgms171ZRU/q:85/c:938:526.96629213483:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAyXzAxX0xvZ28tc2l6ZV9lMGMwZTE1Zjkx:t/cb:1ce54b38173d2035b2d6ab7b44e67aa0a29b7ecb/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDJfbG9nby8wMl8wMV9Mb2dvLXNpemUucG5n) ](https://www.toujou.de/_assets/processed/6irCS85eSgrjgYyDpL4o5xNqrXvWLzA7VT6UFPnkCLU/q:85/w:938/h:584/fn:Y3NtXzAyXzAxX0xvZ28tc2l6ZV84NWMyMTUxYTc2:t/cb:1ce54b38173d2035b2d6ab7b44e67aa0a29b7ecb/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDJfbG9nby8wMl8wMV9Mb2dvLXNpemUucG5n) ### Format und Größe des Haupt-Logos: - Klicken Sie auf den Reiter **Logo**. - Wählen Sie bei *Logo-Format* im Drop-Down-Balken aus den Darstellungsvarianten **horizontal**, **vertikal** oder **quadratisch** die, die am besten zum Design Ihres Logos passt. - Bei *Logo-Größe* steuern Sie mit den Einstellungen **klein**, **medium** oder **groß**, in welcher Größe Ihr Logo dargestellt werden soll. - Klicken Sie über der Arbeitsfläche auf den Button **Speichern**. [ ![](https://www.toujou.de/_assets/processed/BAZH1kcfvMoTb4BFjPyCvgrMuli-ScJnZvXOy81puRs/q:85/c:1984:1114.606741573:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAyXzAyX0xvZ29zLWVpbmZ1ZWdlbl8zMmIxMzA4NjJi:t/cb:8c7d8550f0dfeacddc0771b1508e5a124ea4e243/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDJfbG9nby8wMl8wMl9Mb2dvcy1laW5mdWVnZW4ucG5n) ](https://www.toujou.de/_assets/processed/x4NJqIGqwMgDtcb-aKpjX-Wgxl1hB_OtW1G9vrQvH2o/q:85/w:1024/h:640/fn:Y3NtXzAyXzAyX0xvZ29zLWVpbmZ1ZWdlbl9kZjM5ZGUzYzNj:t/cb:8c7d8550f0dfeacddc0771b1508e5a124ea4e243/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDJfbG9nby8wMl8wMl9Mb2dvcy1laW5mdWVnZW4ucG5n) ### Die Logo-Varianten hochladen: - Die *Erlaubten Dateierweiterungen* zeigen im Folgenden an, welche Formate bei den verschiedenen Varianten benötigt werden. Laden Sie die Dateien jeweils mit dem Button **Bild hinzufügen** für bereits in toujou vorhandene Dateien hoch oder mit dem Button **Dateien auswählen und hochladen** von Ihrem Computer. - Laden Sie in jedem Fall das Haupt-Logo (**Logo**) hoch: Dieses wird unabhängig von Theme in jedem Header/Kopfbereich Ihrer Website in der von ihnen gewählten Größe (siehe oben) ausgegeben. - Es stehen Ihnen weitere Nutzungsvarianten, namentlich ein **Negative Logo**, ein **Footer Logo** (für die automatisierte Ausgabe im Footer), ein **TopBar Logo** ([für die mobile Darstellung](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/#c1001544)) oder eine Version im SVG-Format, ein **SVG Logo** zur Verfügung. Ist ein SVG-Logo hinterlegt, wird automatisch dieses Logo ausgespielt. - Mit dem **Favicon** hinterlegen Sie das kleine Element im Tab des Browsers, das für Ihre Website steht. Je nach Dateiformat kann es bei zu geringer Auflösung dazu kommen, dass das Favicon nicht angezeigt wird. Achten Sie daher auf die Bereitstellung eines Logos in ausreichender Größe (> 260x260 px), das für die Darstellung auf verschiedenen Endgeräten umgerechnet werden kann. - Klicken Sie über der Arbeitsfläche auf den Button **Speichern**. Video-Tutorials via jweiland.net -------------------------------- ### Logo Ihr Firmenlogo in unterschiedlichen Einsatzgebieten und Formaten (Laufzeit: 2'55"). Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Hinweise, Tipps & Tricks ---------------------------- Wer TYPO3 kennt, weiß, dass viele Wege nach Rom führen. toujou ist TYPO3. Wir weisen Sie an dieser Stelle auf wichtige Informationen und den einen oder anderen Kniff hin, den Sie bei der Erstellung und Bearbeitung Ihrer Website beachten sollten. In den *Logo Settings* erhalten Sie verschiedene Möglichkeiten, Ihr Logo bzw. Versionen davon hochzuladen. Die Nutzung aller Möglichkeiten ist nicht vorgeschrieben oder notwendig, wenn Sie nur eine oder wenige Logo-Varianten vorgesehen haben. Gerade für die Einstellungen des *Favicons* bietet sich aufgrund der äußerst kleinen Darstellungsfläche in einem Tab eine lesbare/verkürzte bzw. eine Miniatur-Version des Logos an. [Zur toujou-setup Übersicht](https://www.toujou.de/service/toujou-setup/) ##### toujou-Tutorials [Checkliste ❯](https://www.toujou.de/service/#c1001893) [Kontakt/Daten hinterlegen ❯ ](https://www.toujou.de/tutorials/kontakte-anlegen/) [Dateiliste / Fileadmin ❯ ](https://www.toujou.de/tutorials/dateiliste/) [Navigation bearbeiten ❯ ](https://www.toujou.de/tutorials/seiten-anlegen/) [Seiteninhalte ❯](https://www.toujou.de/tutorials/seiteninhalte/) [Seiteneigenschaften ❯](https://www.toujou.de/tutorials/seiteneigenschaften/) [Responsive-Check ❯](https://www.toujou.de/tutorials/responsive-mobile-first/) [Yoast SEO ❯](https://www.toujou.de/tutorials/yoast-seo/) [Redirects ❯](https://www.toujou.de/tutorials/redirects/) / [Blog ❯](https://www.toujou.de/tutorials/blog-administration/) [Seiten übersetzen ❯](https://www.toujou.de/tutorials/seiten-uebersetzen/) [Linkvalidator ❯](https://www.toujou.de/tutorials/linkvalidator/) ##### toujou-Setup [Theme ❯ ](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) [Logo ❯ ](https://www.toujou.de/service/toujou-setup/logo-hochladen/) [Font ❯ ](https://www.toujou.de/service/toujou-setup/font-bestimmen/) [Color ❯ ](https://www.toujou.de/service/toujou-setup/farben-festlegen/) [Social Media ❯ ](https://www.toujou.de/service/toujou-setup/social-media/) [Analytics ❯](https://www.toujou.de/service/toujou-setup/analytics/) [Data Protection ❯](https://www.toujou.de/service/toujou-setup/datenschutz/) [Website Overlay ❯](https://www.toujou.de/service/toujou-setup/website-overlay/) ##### toujou-Elementbibliothek [Texte ❯ ](https://www.toujou.de/service/elementbibliothek/text-elements/) [Medien ❯ ](https://www.toujou.de/service/elementbibliothek/media-elements/) [Combinations❯ ](https://www.toujou.de/service/elementbibliothek/combined-elements/) [Teaser ❯ ](https://www.toujou.de/service/elementbibliothek/teaser-elements/) [Cards ❯](https://www.toujou.de/service/elementbibliothek/card-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/elementbibliothek/blockquote-elements/) [Collections ❯](https://www.toujou.de/service/elementbibliothek/collections/) [Maps ❯ / ](https://www.toujou.de/service/elementbibliothek/map-elements/)[Blog ❯ ](https://www.toujou.de/service/elementbibliothek/blog-elements/) [Events ❯ ](https://www.toujou.de/service/elementbibliothek/events/)/ [Widgets ❯ ](https://www.toujou.de/service/elementbibliothek/widgets/) [Navigation ❯](https://www.toujou.de/service/elementbibliothek/navigation-elements/) [HTML ❯ ](https://www.toujou.de/service/elementbibliothek/html/)/ [Forms ❯ ](https://www.toujou.de/service/elementbibliothek/forms/) ##### toujou TOURISM [tourism-Modul ❯](https://www.toujou.de/tutorials/tourism-modul/) [Expertise & Konzept ❯](https://www.toujou.de/websites/websites-fuer-reiseveranstalter/) [Alle Features ❯](https://www.toujou.de/loesungen/etourism/) [toujou-Reiseportale ❯](https://www.toujou.de/warum-toujou/unsere-kunden/#c1002004) [Reiseseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisen-anlegen/) [Reiseseiteneigenschaften ❯](https://www.toujou.de/tutorials/reiseseiten/reiseseiteneigenschaften/) [Reisekategorien ❯](https://www.toujou.de/tutorials/reiseseiten/reisekategorien-anlegen/) [Termine & Preise ❯](https://www.toujou.de/tutorials/reiseseiten/termine-preise/) [Reisesuchseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/) [Trip Elements ❯ ](https://www.toujou.de/service/elementbibliothek/trip-elements/) [Search Elements ❯](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/)