--- title: "Logo und Favicon einrichten: Logogröße, Lazy Logo, Favicon-Format, Browser-Tab, Markenkonsistenz, Seitengeschwindigkeit und Checkliste für einen E-Commerce-Shop" description: "Wie richtet man Logo und Favicon im E-Commerce ein? Erfahren Sie mehr über Logogröße, Lazy-Logo, Favicon-Format und die Cache-Falle, damit Ihre Marke in jedem Tab und auf jeder Seite einheitlich erscheint." url: https://www.faprika.com/de/blog/logo-und-favicon-einrichten language: de site: Faprika --- # Logo und Favicon einrichten: Logogröße, Lazy Logo, Favicon-Format, Browser-Tab, Markenkonsistenz, Seitengeschwindigkeit und Checkliste für einen E-Commerce-Shop > Wie richtet man Logo und Favicon im E-Commerce ein? Erfahren Sie mehr über Logogröße, Lazy-Logo, Favicon-Format und die Cache-Falle, damit Ihre Marke in jedem Tab und auf jeder Seite einheitlich erscheint. Ein Kunde kommt über eine Anzeige, die Suche oder die Empfehlung eines Freundes auf Ihre Website und achtet in den ersten Sekunden noch vor den Produkten auf etwas anderes: Ist das ein vertrauenswürdiger Ort? Das Logo gehört zu den ersten kleinen Details, die diesen Eindruck vermitteln. Ein unscharfes, schiefes oder auf jeder Seite anders großes Logo lässt den Shop nachlässig wirken, egal wie gut das Produkt ist. Das kleine Symbol im Tab, das Favicon, ist das Einzige, was Besucher beim Wechseln zwischen Tabs an Sie erinnert; fehlt es, zeigt der Browser ein leeres Seitensymbol. In diesem Leitfaden behandeln wir **E-Commerce Logo- und Favicon-Einstellungen** auf zwei Ebenen. Die erste: was im Faprika-Panel tatsächlich zu tun ist. Logo, Lazy-Logo und Favicon werden über den Bildschirm Konfiguration > Einstellungen > Allgemeine Einstellungen hochgeladen; empfohlene Größen, Vielfache und der Cache-Hinweis werden wie auf den Schulungsseiten erklärt. Die zweite: die Grundsätze jenseits des Panels, nämlich Markenkonsistenz, Lesbarkeit auf dem Smartphone, schlichtes Symboldesign und Geschwindigkeit. Dazu gibt es zwei kleine Tools: einen Rechner, der die Maße von Logo und Favicon, die Sie hochladen möchten, mit dem empfohlenen Seitenverhältnis vergleicht, und eine Checkliste mit acht Punkten. Zu Geschwindigkeit und Qualität von Produktbildern gibt es einen eigenen Artikel zur [Optimierung von Produktbildern](https://www.faprika.com/de/blog/produktbilder-optimieren); hier konzentrieren wir uns nur auf Markenbilder. Kerngedanke „Das Logo ist das Gesicht, an dem Kunden Sie erkennen, das Favicon ist Ihre Signatur im Tab. Eine gute Einrichtung bedeutet, beide in der richtigen Größe, im richtigen Format und so hochzuladen, dass sie überall gleich aussehen; alles Weitere, also das Lazy-Logo, das beim Seitenaufbau auf der Fläche erscheint, und das Cache-Verhalten, baut auf dieser Grundlage auf.“ ## Was sind Logo- und Favicon-Einstellungen? Logo- und Favicon-Einstellungen legen fest, aus welcher Datei, in welcher Größe und in welchen Bereichen die Markenbilder Ihrer E-Commerce-Website angezeigt werden. Das Logo ist das Markenzeichen oben auf der Seite, das Lazy-Logo ist das Platzhalter-Logo, das beim Laden der Produktfotos erscheint, und das Favicon ist das kleine Symbol im Browser-Tab. In Faprika werden alle drei über denselben Bildschirm verwaltet: Konfiguration > Einstellungen > Allgemeine Einstellungen. Für jedes gibt es ein eigenes Feld „Hochladen“; Sie wählen das Bild aus und klicken auf Speichern. Die folgende Tabelle fasst den Unterschied zwischen den drei Bildern zusammen. | Bild | Wo erscheint er? | Empfohlene Größe | Wo wird es in Faprika hochgeladen? | | --- | --- | --- | --- | | Logo | Obere linke Ecke von Startseite, Kategorieseiten und Produktdetailseite | 135×35 und Vielfache | Allgemeine Einstellungen, Hochladen im Feld Logo | | Lazy-Logo | Im Hintergrund der Produktflächen beim Seitenaufbau, bis die Produktfotos geladen sind | In der Schulung wird keine eigene Größe genannt | Allgemeine Einstellungen, Hochladen unter Lazy-Logo | | Favicon | Linker Teil des Browser-Tabs | 16×16 und Vielfache (etwa 32, 64), Endung .ico | Allgemeine Einstellungen, Hochladen neben Favicon | *Görsel: E-Commerce Logo- und Favicon-Einstellungen: Platzierung des Logos auf Startseite, Kategorie- und Produktdetailseite, Lazy-Logo und Favicon (Das Logo erscheint auf drei Seiten oben links, das Lazy-Logo auf der Produktfläche, das Favicon im Tab)* Lesempfehlung Schulung zur Logo-Verwaltung ## Warum sind Logo und Favicon so wichtig? Logo und Favicon sind wichtig, weil Kunden oft schon vor einem Blick auf die Produkte entscheiden, ob sie einem Shop vertrauen, und dabei ist die visuelle Konsistenz ausschlaggebend. Sieht dieselbe Marke überall gleich aus, wirkt sie professionell; sieht sie überall anders aus, weckt sie Zweifel. Die Wirkung lässt sich in drei Punkten zusammenfassen. - **Vertrauen und Wiedererkennung.** Wenn Kunden Sie in einer Anzeige, in einer E-Mail und auf der Website sehen, sollten sie dasselbe Zeichen sehen. Konsistenz ist die erste Voraussetzung für Wiedererkennung. - **Leichtere Rückkehr.** Wenn ein Kunde mehrere Tabs öffnet und Produkte vergleicht, werden die Tab-Titel kürzer und nur das Favicon bleibt. Das richtige Symbol erleichtert die Rückkehr zu Ihrem Tab. - **Wahrgenommene Geschwindigkeit.** Das Lazy-Logo verhindert, dass die Fläche leer bleibt, während Produktfotos laden. Die Seite wirkt gefüllt, und der Kunde bemerkt die Wartezeit weniger. Zum allgemeinen Thema Geschwindigkeit lesen Sie den Artikel [Warum die Seitengeschwindigkeit im E-Commerce wichtig ist](https://www.faprika.com/de/blog/warum-ist-die-website-geschwindigkeit). Keine dieser Wirkungen entscheidet für sich allein über einen Verkauf, aber alle stützen oder schwächen die Entscheidung eines Kunden, der die Produktseite erreicht hat. Auch die Kosten sind gering: Einmal richtig eingerichtet, funktioniert es jahrelang. Tipp Probieren Sie es aus, indem Sie das Logo klein anzeigen Betrachten Sie Ihr Logo so klein wie möglich auf dem Bildschirm oder auf Papier. Wenn man noch erkennt, was es ist, funktioniert es auch auf dem Smartphone und im Tab; wenn nicht, ist es ein detailreiches oder textlastiges Design, und Sie sollten zumindest für das Favicon ein schlichtes Symbol ableiten. ## Wie lädt man in Faprika ein Logo hoch? In Faprika wird das Logo im Panel über Konfiguration > Einstellungen > Allgemeine Einstellungen hochgeladen. Auf dem sich öffnenden Bildschirm wählen Sie das Bild im Feld „Hochladen“ neben Logo aus und speichern es. Im Faprika-Theme befindet sich das Logo auf Startseite, Kategorien und Produktdetailseite oben links auf der Seite. *Görsel: Faprika-Panel, Bildschirm Konfiguration, Einstellungen, Allgemeine Einstellungen: Logo, maximale Logobreite und -höhe, Lazy-Logo und Favicon-Upload-Felder (Die Felder für Logo, Lazy-Logo und Favicon auf dem Bildschirm Allgemeine Einstellungen (Aufbau zusammengefasst))* ### Empfohlene Logogröße Die empfohlene Logogröße ist 135×35 und Vielfache davon. Wenn Sie ein Vielfaches hochladen, können Sie die Größe über die Felder „Maximale Logobreite“ und „Maximale Logohöhe“ unter Beibehaltung des Seitenverhältnisses anpassen. Sie können also eine große Datei im Seitenverhältnis 135×35 hochladen und den Platz, den sie auf der Seite einnimmt, mit diesen beiden Feldern begrenzen. Das praktische Ergebnis: Wird das Logo im Seitenverhältnis 135×35 ein- oder mehrfach größer vorbereitet, wirkt es auf dem Bildschirm scharf und passt sauber in den Bereich oben links. Eine Datei, die das Seitenverhältnis verzerrt, kann selbst bei geänderten Größenfeldern gequetscht oder gestaucht aussehen. Mit dem folgenden Tool können Sie die Maße Ihrer eigenen Datei anhand dieses Verhältnisses prüfen. ### Worauf Sie bei der Vorbereitung des Logos achten sollten - **Wählen Sie das Seitenverhältnis von Anfang an.** Statt die Datei nachträglich zuzuschneiden, gestalten Sie sie in einer Arbeitsfläche im Seitenverhältnis 135×35. - **Lassen Sie einen Rand, aber übertreiben Sie es nicht.** Unnötiger Leerraum um das Logo lässt es in der oberen linken Ecke kleiner wirken, als es ist. - **Denken Sie an den Hintergrund.** Das Logo muss auf jedem Hintergrund, auf dem es steht, lesbar sein. Eine Datei mit transparentem Hintergrund erleichtert die Anpassung an verschiedene Hintergründe. - **Machen Sie die Datei nicht schwerer als nötig.** Das Logo wird auf jeder Seite geladen; eine geringe Dateigröße kommt der Geschwindigkeit zugute. ### Prüfen Sie Ihre Logodaten mit dem folgenden Tool Das Tool vergleicht Breite und Höhe des Logos mit dem empfohlenen Seitenverhältnis 135×35 und zeigt, wievielmal größer es ist und welche Höhe erwartet wird. Außerdem prüft es, ob die Kantenlänge des Favicons ein Vielfaches von 16 ist. Die eingegebenen Maße gehören zu Ihrer Datei; das Tool vergleicht nur das Verhältnis und trifft keine Aussage zu Qualität oder Format. Größenprüfung für Logo und Favicon Logobreite (Pixel) Logohöhe (Pixel) Kantenlänge des Favicons (Pixel) Logo, Vielfaches der empfohlenen Größe**4** Erwartete Höhe bei dieser Breite**140** Abweichung vom Seitenverhältnis (%)**0** Ist das Favicon ein Vielfaches von 16?**Geeignet: 16 × 2** Das Logo-Seitenverhältnis entspricht dem empfohlenen Verhältnis 135×35; die Größe können Sie über die Felder „Maximale Logobreite“ und „Maximale Logohöhe“ begrenzen. Das Ergebnis beruht nur auf den eingegebenen Maßen; Dateityp, Dateigröße und Bildqualität werden nicht berücksichtigt. *Görsel: Größenleitfaden: Logogröße 135×35 und Vielfache, Favicon-Größe 16×16 und Vielfache sowie die Endung .ico (Logo 135×35 und Vielfache, Favicon 16×16 und Vielfache (.ico))* | Bild | Empfohlene Größe | Vielfache | Hinweis | | --- | --- | --- | --- | | Logo | 135×35 | Im gleichen Verhältnis vergrößerte Maße | Die Größe wird über die Felder für maximale Breite und Höhe angepasst, ohne das Seitenverhältnis zu verzerren | | Favicon | 16×16 | Vielfache von 16, etwa 32, 64 | Die Dateiendung muss .ico lauten | ## Was ist ein Lazy-Logo und warum wird es hochgeladen? Das Lazy-Logo ist das Logo, das beim Öffnen Ihrer Seite im Hintergrund der Produktflächen erscheint, während die Produktfotos laden. Sobald das Foto geladen ist, ersetzt das Produktbild das Logo; in der Zwischenzeit zeigt die Fläche Ihre Marke statt eines leeren Kastens. Der Name bedeutet nicht „langsam“ oder „faul“; „lazy“ stammt hier aus dem Prinzip, Bilder erst bei Bedarf zu laden. Auf einer Kategorieseite mit langer Produktliste treffen die Fotos nicht alle gleichzeitig ein, sondern erscheinen nacheinander. Was der Kunde in dem kurzen Moment, bevor das Foto eintrifft, auf dem Bildschirm sieht, bestimmt das Lazy-Logo: eine graue Leerfläche oder Ihre Marke. In Faprika wird das Lazy-Logo ebenfalls auf dem Bildschirm Konfiguration > Einstellungen > Allgemeine Einstellungen über die Schaltfläche „Hochladen“ unter Lazy-Logo ausgewählt und mit Speichern abgeschlossen. Zwei Grundsätze für ein gutes Lazy-Logo helfen Ihnen dabei: - **Halten Sie es schlicht.** Es hält nur kurz den Platz des Produktfotos; ein sauberes Markenzeichen wirkt besser als eine detailreiche Zeichnung. - **Achten Sie auf Einheitlichkeit mit dem Hauptlogo.** Unterscheiden sich die beiden Logos stark voneinander, hat der Kunde das Gefühl, auf der Seite zwei verschiedene Marken zu sehen. Lesempfehlung Schulung zur Lazy-Logo-Verwaltung Tipp Sehen Sie das Lazy-Logo bei langsamer Verbindung Bei normaler Geschwindigkeit sehen Sie das Lazy-Logo vielleicht nie; die Fotos kommen schnell an. Drosseln Sie die Verbindung in den Entwicklertools des Browsers und öffnen Sie die Kategorieseite. Ob die Flächen leer oder mit Ihrer Marke versehen aussehen, bemerken Sie nur bei diesem Test. ## Was ist ein Favicon und wie lädt man es in Faprika hoch? Das Favicon ist das Symbol links im Tab Ihres Browsers. Wenn ein Besucher viele Tabs öffnet, werden die Titel kürzer, und am leichtesten unterscheidet man Tabs am Symbol; ein fehlendes Favicon lässt Ihre Website wie eine gewöhnliche leere Seite aussehen. In Faprika wird das Favicon auf dem Bildschirm Konfiguration > Einstellungen > Allgemeine Einstellungen über die Schaltfläche „Hochladen“ neben Favicon ausgewählt, dann klicken Sie auf Speichern; kurz darauf wird es Ihrer Website hinzugefügt. Der Punkt, den die Schulung hervorhebt, sind Größe und Format: Das Bild muss in 16×16 oder Vielfachen von 16 (etwa 32, 64) und mit der Endung .ico hochgeladen werden. ### Wie gestaltet man ein gutes Favicon? Das Favicon erscheint oft in einem Kasten mit einer Kantenlänge von höchstens einigen Dutzend Pixeln. Sie brauchen also nicht eine verkleinerte Fassung Ihres Logos, sondern ein davon abgeleitetes schlichtes Symbol. - **Vermeiden Sie Schrift.** Ein langer Markenname ist in dieser Größe nicht lesbar; der Anfangsbuchstabe des Markennamens oder die markanteste Form des Logos genügt. - **Verwenden Sie eine oder zwei Farben.** Je mehr Details, desto unschärfer wird das Symbol. - **Halten Sie den Kontrast hoch.** Der Browser-Tab kann hell oder dunkel sein; das Symbol muss sich auf beiden Hintergründen abheben. - **Behalten Sie die Hauptfarbe Ihres Logos bei.** Für die Konsistenz sollte das Favicon aus der Farbwelt des Logos stammen. | Funktion | Gutes Favicon | Schwaches Favicon | | --- | --- | --- | | Inhalt | Anfangsbuchstabe oder schlichte Form | Verkleinerter langer Logoschriftzug | | Farbe | Eine oder zwei klare Farben | Mehrfarbig, detailreiche Zeichnung | | Kennzahl | 16×16 oder ein Vielfaches von 16 | Beliebige Größe | | Format | .ico | Datei mit anderer Endung | Lesempfehlung Schulung zur Favicon-Verwaltung ## Was tun, wenn sich das Logo nicht ändert? Die Cache-Falle Wenn nach dem Hochladen eines Logos oder Favicons weiterhin die alte Version angezeigt wird, ist der Upload meist nicht fehlgeschlagen; der Browser speichert die alte Datei noch. Damit das Logo nicht bei jedem Seitenaufruf neu geladen wird, hinterlegt Faprika Logos in einem Cookie; deshalb sehen Sie Ihr neues Logo, sobald Sie Cookies und Cache leeren. Der ausdrückliche Hinweis der Anleitung lautet: Wenn sich Ihr Logo nach dem Austausch nicht ändert, laden Sie es nicht immer wieder hoch. Erneutes Hochladen löst das Problem nicht, sondern kostet nur Zeit. Die richtige Reihenfolge ist: 1. Laden Sie das Logo, das Lazy-Logo oder das Favicon hoch und klicken Sie auf Speichern. 2. Leeren Sie die Cookies und den Cache Ihres Browsers. 3. Öffnen Sie die Website erneut und prüfen Sie die Änderung. 4. Wird weiterhin die alte Version angezeigt, versuchen Sie es in einem anderen Browser oder in einem privaten Fenster. Eine Nebenwirkung des Cachings betrifft auch Ihre Kunden: Wenn sich das Logo ändert, sehen manche Besucher eine Zeit lang noch das alte Logo. Planen Sie bei einem größeren Marken-Relaunch diese Übergangszeit ein und legen Sie die Änderung nicht unmittelbar vor einen wichtigen Kampagnentag. Zur Wirkung von Cookies auf die Gesundheit einer Website bietet der Beitrag [çerezler e-ticaret sitenizin sağlığı için iyi mi kötü mü](https://www.faprika.com/blog/cerezler-e-ticaret-sitenizin-sagligi-icin-iyi-mi-kotu-mu) einen allgemeinen Überblick. Lesetipp So leeren Sie Browser-Cache und Cookies ## Wie sollten Logo und Favicon auf Mobilgeräten aussehen? Auf Mobilgeräten muss das Logo auf dem schmalen Bildschirm unbeschnitten und in lesbarer Größe erscheinen; das Favicon wird in mobilen Browsern oft gar nicht angezeigt, daher liegt die Hauptlast beim Logo. Kommt der Großteil der Besucher per Smartphone, ist die Darstellung auf dem Smartphone wichtiger als auf dem Desktop. - **Öffnen Sie die Seite auf Ihrem eigenen Smartphone.** Prüfen Sie, dass das Logo nicht den Bildschirm füllt, die Menüschaltflächen nicht verdrängt und sauber in der oberen linken Ecke sitzt. - **Vorsicht bei breiten, langen Logos.** Ein sehr breites Logo schrumpft auf Mobilgeräten und der Text wird unleserlich. Erstellen Sie bei Bedarf eine kompaktere Version. - **Nutzen Sie die Felder für maximale Breite und Höhe.** Da sich die Größe in Faprika über diese beiden Felder begrenzen lässt, können Sie ein auf Mobilgeräten überlaufendes Logo korrigieren, ohne es neu hochzuladen. - **Verkleinern Sie den Tippbereich nicht.** Das Logo ist in der Regel ein Link zur Startseite; ist die Umgebung überfüllt, nehmen Fehltipper zu. Die allgemeinen Grundsätze der Mobiloptimierung finden Sie im Beitrag [e-ticaret sitesinde mobil uyumun önemi](https://www.faprika.com/blog/e-ticaret-sitesinde-mobil-uyumun-onemi) . Da Favicons auf Smartphones selten zu sehen sind, besteht ihre Hauptaufgabe darin, Ihre Marke in Desktop-Tabs und Browser-Lesezeichen zu vertreten. ## Markenkonsistenz: Ist das Logo überall gleich? Markenkonsistenz bedeutet, dass dasselbe Logo, dieselben Farben und dasselbe Symbol auf der Website, in E-Mails, auf Rechnungen und Paketbeilagen, in Anzeigen und in sozialen Netzwerken als eine einzige Identität erscheinen. Das im Panel hochgeladene Logo ist nur ein Teil dieser Identität. In der Praxis helfen diese Prüfungen: - **Vermeiden Sie Versionschaos.** Kursieren alte und neue Logoversionen in verschiedenen Ordnern, lädt garantiert jemand die alte hoch. Führen Sie einen einzigen Ordner „aktuelles Logo“. - **Legen Sie Ihre Farben fest.** Logo, Lazy-Logo und Favicon sollten aus derselben Farbwelt stammen. - **Prüfen Sie auch die übrigen Bereiche der Website.** Verwenden Markenseiten, E-Mail-Vorlagen und Rechnungsausdrucke das Logo, aktualisieren Sie auch diese. Für Markenseiten ist der Beitrag [So erstellen Sie eine Markenseite](https://www.faprika.com/de/blog/wie-erstellt-man-eine-markenseite) hilfreich. - **Ändern Sie bei einem neuen Logo alles gemeinsam.** Wird das Logo erneuert, das Favicon aber nicht, erscheint im Browser-Tab eine andere Marke. Tipp Aktualisieren Sie das Trio gemeinsam Logo, Lazy-Logo und Favicon befinden sich auf demselben Bildschirm und ergänzen einander. Laden Sie bei einer Markenauffrischung alle drei in derselben Sitzung hoch; leeren Sie anschließend den Cache und prüfen Sie alle drei gemeinsam. So bleibt auf der Website kein halb aktualisiertes Erscheinungsbild zurück. ## Beeinflussen Logo und Favicon die Geschwindigkeit? Ja, das ist möglich: Das Logo ist ein auf jeder Seite geladenes Bild, und eine unnötig große Datei verlangsamt jeden Seitenaufruf. Das Favicon ist eine kleine Datei, wird aber auf jeder Seite angefordert; es genügt, es schlicht und leicht zu halten. Praktische Grundsätze für die Geschwindigkeit sind: - **Laden Sie das Logo nicht deutlich größer hoch als die Fläche, in der es verwendet wird.** Vielfache der empfohlenen Größe genügen für eine gute Bildschirmschärfe; eine viel größere Datei erhöht nur das Gewicht. - **Befreien Sie die Datei von unnötigen Details.** Starke Schatten und Verläufe erhöhen die Dateigröße. - **Nutzen Sie den Vorteil des im Cookie gespeicherten Logos.** Faprika hinterlegt Logos in einem Cookie, damit sie nicht bei jedem Seitenaufruf neu geladen werden; ändern Sie das Logo nicht ständig, um dieses Verhalten nicht zu stören. - **Halten Sie das Lazy-Logo leicht.** Da es beim Öffnen der Seite als Erstes zu sehen ist, wirkt es umso schneller, je schlichter es ist. Diese Grundsätze sind ein kleiner Teil des gesamten Geschwindigkeitsmanagements. Zu Produktbildern und Seitengewicht behandelt der Beitrag [Produktbild-Optimierung](https://www.faprika.com/de/blog/produktbilder-optimieren) die größeren Posten; Logo und Favicon sind die Posten, die „klein, aber auf jeder Seite“ sind. ## Häufigste Fehler bei den Logo- und Favicon-Einstellungen Die häufigsten Fehler bei Logo- und Favicon-Einstellungen sind: das Seitenverhältnis zu verfälschen, das falsche Favicon-Format zu wählen, die Änderung wegen des Caches nicht zu sehen und immer wieder hochzuladen sowie die drei Bilder unabhängig voneinander zu verwalten. Die meisten entstehen nicht durch die Einstellung selbst, sondern dadurch, dass das Ergebnis nicht auf verschiedenen Geräten getestet wird. ### Eine Datei mit falschem Seitenverhältnis hochladen Ein quadratisches oder sehr hohes Logo schrumpft in dem für das Verhältnis 135×35 vorgesehenen Bereich und wirkt gedrängt. Bereiten Sie die Datei von Anfang an im empfohlenen Seitenverhältnis vor. ### Das Favicon in einem anderen Format als .ico hochladen Die Anleitung verlangt die Endung .ico. Statt sich mit einer Datei anderer Endung abzumühen, erstellen Sie das Symbol von Anfang an im richtigen Format. ### Das lange Logo verkleinern und als Favicon verwenden Ein Logo mit Schrift ist in einer Fläche von 16×16 oder 32×32 nicht lesbar. Verwenden Sie einen Anfangsbuchstaben oder ein schlichtes Symbol. ### Immer wieder hochladen, weil sich nichts geändert hat Meist liegt das Problem am Cache, nicht am Hochladen. Leeren Sie zuerst Cookies und Cache. ### Das Lazy-Logo nie hochladen Ein nicht hochgeladenes Lazy-Logo bedeutet, dass Produktflächen leer bleiben, bis das Foto geladen ist. Es genügt, es einmal hochzuladen und dann so zu belassen. ### Nicht auf Mobilgeräten testen Ein Logo, das auf dem Desktop einwandfrei aussieht, kann auf dem Smartphone überlaufen. Prüfen Sie nach jeder Änderung auf Ihrem Smartphone. ### Die drei Bilder unabhängig voneinander verwalten Das Logo wurde erneuert, das Favicon blieb alt. Die Markeneinheit leidet, und es kann Monate dauern, bis es auffällt. Tipp Ein vierteljährlicher Marken-Check Öffnen Sie Ihre Website alle drei Monate in einem anderen Browser und auf Ihrem Smartphone; prüfen Sie das Logo, das Symbol im Tab und die Produktflächen auf der Kategorieseite. Dieser Rundgang dauert nur wenige Minuten und kann einen visuellen Fehler aufdecken, der sonst lange unbemerkt bliebe. Okumanızı öneririz E-Ticaret Sitesinde Mobil Uyumun Önemi ## Checkliste für Logo und Favicon Die Checkliste für Logo und Favicon fasst die acht Punkte zusammen, die Markenbilder vor der Veröffentlichung und nach jeder Markenänderung erfüllen sollten. Die Grafik und das Werkzeug unten sind unterschiedliche Darstellungen derselben Punkte; die Tabelle liefert dieselben Informationen als Text. *Görsel: Checkliste für Logo und Favicon: Seitenverhältnis, mobile Ansicht, Lazy-Logo, Favicon-Format, Tab, Cache, Markenkonsistenz und regelmäßige Überprüfung (Checkliste mit acht Punkten für Logo und Favicon)* Logo- und Favicon-Prüfung Logo wurde für das Verhältnis 135×35 vorbereitet und hochgeladen Logo wird auf dem Smartphone nicht beschnitten und ist lesbar Lazy-Logo hochgeladen und passend zum Hauptlogo Favicon hat die Endung .ico und eine Größe, die ein Vielfaches von 16 ist Favicon wird im Browser-Tab angezeigt Nach der Änderung mit geleerten Cookies und Cache getestet Logo ist in E-Mails, Rechnungen und anderen Kanälen identisch Markenbilder werden in regelmäßigen Abständen geprüft Zutreffende Punkte**2 / 8** Ihre Markenbilder wirken noch nicht ausgereift. Klären Sie zuerst das Logo-Seitenverhältnis und das Favicon-Format. Die Grundeinstellungen sind vorhanden, aber es bleiben Lücken. Ergänzen Sie Lazy-Logo, Mobiltest und Cache-Prüfung. Ihre Markenbilder sind in Ordnung. Wiederholen Sie dieselbe Prüfung bei jeder Erneuerung des Logos. | Feld | Prüfpunkt | Erledigt? | | --- | --- | --- | | Logo-Seitenverhältnis | Für das Verhältnis 135×35 vorbereitet und hochgeladen | Ja / Nein | | Mobilansicht | Logo wird auf dem Smartphone nicht beschnitten und ist lesbar | Ja / Nein | | Lazy-Logo | Hochgeladen und passend zum Hauptlogo | Ja / Nein | | Favicon-Format | Endung .ico, Größe ein Vielfaches von 16 | Ja / Nein | | Tab | Favicon wird im Browser-Tab angezeigt | Ja / Nein | | Cache | Mit geleerten Cookies und Cache getestet | Ja / Nein | | Markenkonsistenz | Logo ist in E-Mails, Rechnungen und anderen Kanälen identisch | Ja / Nein | | Regelmäßige Prüfung | Markenbilder werden in regelmäßigen Abständen geprüft | Ja / Nein | ## Wann sollten Logo und Favicon erneut überprüft werden? Logo- und Favicon-Einstellungen sollten erneut überprüft werden, wenn sich Ihre Markenidentität ändert, Ihr Theme oder Farbschema erneuert wird, vor einer Kampagne oder wenn Kunden Rückmeldungen wie „Das Logo wirkt unscharf“ geben. Betrachten Sie die Einstellung nicht als einmaligen Upload, sondern als eine Einstellung, die gemeinsam mit Ihrer Marke aktualisiert wird. Vor einer großen Kampagne oder einer umsatzstarken Zeit genügt ein kurzer Rundgang: Öffnen Sie Logo, Lazy-Logo und Favicon sowohl auf dem Desktop als auch auf dem Smartphone und werfen Sie einen Blick darauf. Einen Fehler vor Kampagnenstart zu beheben, ist viel einfacher, als ihn zu korrigieren, während bereits Traffic eintrifft. Markenbilder sollten außerdem zur allgemeinen Qualität der Produktseiten passen; berücksichtigen Sie dafür gemeinsam die Grundsätze im Beitrag [Produktbild-Optimierung](https://www.faprika.com/de/blog/produktbilder-optimieren). ## Logo- und Favicon-Verwaltung mit Faprika In Faprika sind Logo, Lazy-Logo und Favicon auf einem einzigen Bildschirm zusammengefasst: Konfiguration > Einstellungen > Allgemeine Einstellungen. Für die drei Bilder gibt es getrennte Upload-Felder und für das Logo Einstellungen für maximale Breite und Höhe; die empfohlenen Größen und der Cache-Hinweis werden auf den Anleitungsseiten ausführlich erklärt. Da Sie die Markenbilder selbst hochladen und selbst prüfen können, müssen Sie nicht auf die Unterstützung eines Designers oder Entwicklers warten. Um zu sehen, was Sie in einem mit Faprika aufgebauten Shop alles tun können und welche Möglichkeiten in welchem Paket enthalten sind, können Sie sich [unsere Pakete](https://www.faprika.com/de/preise) ansehen oder eine Demo anfordern. ## Häufig gestellte Fragen **Wie richtet man Logo und Favicon auf einer E-Commerce-Website ein?** In Faprika werden Logo, Lazy-Logo und Favicon im Panel über Konfiguration, Einstellungen, Allgemeine Einstellungen hochgeladen. Für jedes gibt es ein eigenes Feld zum Hochladen; Sie wählen das Bild aus und klicken auf Speichern. Empfohlen werden 135×35 und Vielfache für das Logo sowie 16×16 und Vielfache mit der Endung .ico für das Favicon. **Was ist Favicon?** Das Favicon ist das kleine Symbol, das im Browser links im Tab angezeigt wird. Es erleichtert es, Ihre Website bei vielen geöffneten Tabs wiederzuerkennen; es sollte schlicht, kontrastreich und markenkonform sein. **Welche Größe sollte das Logo haben?** Die empfohlene Logogröße in Faprika ist 135×35 und Vielfache davon. Wenn Sie ein Vielfaches hochladen, können Sie die Größe unter Beibehaltung des Seitenverhältnisses über die Felder „Maximale Logobreite“ und „Maximale Logohöhe“ anpassen. **Was ist ein Lazy-Logo?** Das Lazy-Logo ist das Logo, das beim Seitenaufbau im Hintergrund der Produktflächen erscheint, während die Produktfotos laden. Es verhindert, dass die Fläche leer bleibt, bis das Foto eintrifft. Es wird im Feld „Lazy-Logo“ auf dem Bildschirm Konfiguration, Einstellungen, Allgemeine Einstellungen hochgeladen. **Ich habe ein Logo hochgeladen, aber es wird noch das alte angezeigt. Was soll ich tun?** Logos werden in Cookies gehalten, damit sie nicht bei jedem Seitenaufruf neu geladen werden. Statt sie immer wieder hochzuladen, leeren Sie daher die Cookies und den Cache Ihres Browsers; nach dem ersten Laden sehen Sie Ihr neues Logo. **In welchem Format und welcher Größe sollte das Favicon vorliegen?** Das Favicon sollte 16×16 oder ein Vielfaches von 16 (etwa 32 oder 64) groß sein und die Endung .ico haben. Ein schlichtes Symbol, das auch klein lesbar bleibt, funktioniert besser als ein langer Logoschriftzug. Ihre Marke soll in jedem Tab und auf jeder Seite gleich aussehen Laden Sie Logo, Lazy-Logo und Favicon in Faprika selbst auf einem einzigen Bildschirm hoch; zeigen Sie Ihre Marke an jedem Punkt des Shops konsistent. Lassen Sie uns Ihren Shop gemeinsam planen. Demo anfordern #### Das könnte Sie auch interessieren - [**Produktbild-Optimierung**](https://www.faprika.com/de/blog/produktbilder-optimieren) - [**E-Ticaret Sitesinde Mobil Uyumun Önemi**](https://www.faprika.com/blog/e-ticaret-sitesinde-mobil-uyumun-onemi) - [**Warum ist die Website-Geschwindigkeit im E-Commerce wichtig?**](https://www.faprika.com/de/blog/warum-ist-die-website-geschwindigkeit) - [**So erstellen Sie eine Markenseite**](https://www.faprika.com/de/blog/wie-erstellt-man-eine-markenseite)