Logo-Größe und Logo-Varianten: Dein Logo muss an mehr Orten funktionieren, als du denkst
4. August 2026 · ca. 4 Minuten Lesezeit
Deine Marke begegnet Kunden an viel mehr Touchpoints, als du denkst, im Briefkasten, auf der Messe, im Straßenverkehr. Ihr Logo begleitet sie dabei überall hin, aber nicht überall in derselben Größe und unter denselben Bedingungen.
Ein Logo entsteht meist am großen Bildschirm, sorgfältig ausgearbeitet, mit feinen Details, einem durchdachten Farbverlauf, vielleicht einer filigranen Illustration im Hintergrund. Genau dort sieht es auch am besten aus. Das Problem: Die wenigsten Orte, an denen es tatsächlich erscheint, sehen aus wie ein großer Bildschirm. Die Logo-Größe schwankt im Alltag zwischen wenigen Pixeln und mehreren Metern, und ein gutes Logo muss in jeder Logo-Größe funktionieren.
Fünf Orte, an denen dein Logo wirklich bestehen muss
Das Favicon (16 × 16 Pixel)
Der kleine Tab im Browser ist oft die häufigste Sichtkontaktfläche einer Marke überhaupt, und gleichzeitig die kleinste. Bei 16 mal 16 Pixeln verschwimmt jedes feine Detail zu einem grauen Klecks, übrig bleibt nur, was auch als grobe Form noch erkennbar ist.
Das Social-Media-Profilbild
Instagram, LinkedIn und die meisten anderen Plattformen schneiden das Profilbild automatisch rund zu. Ein Logo mit wichtigen Elementen in den Ecken verliert dabei genau das, was den Wiedererkennungswert ausmachen sollte, einfach abgeschnitten, ohne Rückfrage.
Die Stickerei auf Arbeitskleidung
Jede Farbe in einer Stickerei bedeutet einen zusätzlichen Garnwechsel, jeder feine Verlauf wird zu harten Konturen, weil eine Nadel keine sanften Übergänge sticken kann. Ein Logo mit vielen Farbtönen wird auf der Poloshirt-Brust schnell zu einem groben, kaum lesbaren Muster.
Die Prägung auf Give-Aways
Ein Kugelschreiber oder eine Powerbank lässt sich meist nur einfarbig bedrucken oder gleich ganz ohne Farbe prägen, als reines Relief in Metall oder Kunststoff. Ohne Farbkontrast muss die Form allein funktionieren, filigrane Linien verschwinden dabei fast vollständig.
Der Schwarz-Weiß-Druck auf einer Rechnung
Nicht jeder Kontaktpunkt ist bunt: Eine Rechnung, ein Lieferschein oder ein Fax werden oft nur einfarbig gedruckt. Ein Logo, das sich komplett auf Farbabstufungen verlässt, um Elemente voneinander zu unterscheiden, wird hier auf einen Blick unleserlich.
Was diese fünf Orte gemeinsam verlangen
Das Favicon verlangt eine Form, die auch bei 16 Pixeln noch erkennbar ist. Das Profilbild verlangt wichtige Elemente in der Bildmitte, nicht in den Ecken. Die Stickerei verlangt wenige, klar getrennte Farbflächen. Die Prägung verlangt eine Silhouette, die auch ganz ohne Farbe funktioniert. Und die Rechnung verlangt Kontraste, die auch in Schwarz-Weiß erkennbar bleiben.
Die richtige Logo-Größe für jeden Einsatz
Es gibt nicht die eine richtige Logo-Größe, sondern für jeden Einsatz eine passende. Einige Orientierungswerte:
- Favicon: 16 × 16 und 32 × 32 Pixel für den Browser-Tab[1], dazu größere Versionen, etwa 180 × 180 Pixel[2], für Lesezeichen und Startbildschirm auf dem Smartphone.
- Social-Media-Profilbild: quadratisch hochladen, zum Beispiel 400 × 400 Pixel, mit dem Logo mittig und genug Abstand zum Rand, weil es rund angezeigt wird.
- Website-Header: Als SVG-Datei eingebunden, bleibt das Logo in jeder Größe scharf, von der Handyansicht bis zum großen Monitor.
- Druck: Eine im Logo-Guide festgelegte Mindestgröße, etwa in Millimetern Breite, sorgt dafür, dass das Logo auf Visitenkarte oder Kugelschreiber noch lesbar bleibt.
Welches Dateiformat für welchen Zweck das richtige ist, haben wir in unserem Artikel über Logo-Formate und Druckdaten beschrieben.
Logo-Varianten: ein Logo, mehrere Fassungen
Die Lösung für all diese Orte ist selten ein einziges Logo, sondern ein kleines System aus Varianten, oft auch Responsive Logo genannt:
- Das Hauptlogo: mit Bildzeichen und Schriftzug, für alle Anwendungen mit genug Platz.
- Eine kompakte Variante: etwa Bildzeichen und Schriftzug untereinander statt nebeneinander, für quadratische Flächen.
- Das Bildzeichen allein: für Favicon, App-Icon und Profilbild.
- Einfarbige Fassungen: in Schwarz und in Weiß, für Prägung, Stickerei, Schwarz-Weiß-Druck und dunkle Hintergründe.
Genau das unterscheidet ein Logo, das nur am Bildschirm gut aussieht, von einem, das wirklich überall funktioniert: Reduktion auf das Wesentliche, von Anfang an mitgedacht, nicht erst, wenn die erste Anwendung daran scheitert. Darum geht es beim Logo Design, nicht um ein möglichst aufwendiges Motiv, sondern um eines, das auf 16 Pixeln genauso funktioniert wie auf einer Fahrzeugflotte. Wenn dein bestehendes Logo daran scheitert, hilft unsere Checkliste zum Logo überarbeiten.
Häufige Fragen zu Logo-Größe und Varianten
Wie groß sollte ein Logo auf der Website sein?
Groß genug, um sofort erkannt zu werden, aber klein genug, um der Navigation und dem Inhalt nicht die Aufmerksamkeit zu nehmen. Als SVG eingebunden, bleibt es dabei in jeder Größe scharf.
Wie teste ich, ob mein Logo auch klein funktioniert?
Verkleinere es am Bildschirm auf etwa 16 bis 32 Pixel und drucke es einmal in Schwarz-Weiß auf Visitenkartengröße aus. Was dann nicht mehr erkennbar ist, braucht eine vereinfachte Variante.
Wie viele Logo-Varianten brauche ich?
Meist reichen drei bis vier: das Hauptlogo, eine kompakte Variante, das Bildzeichen allein und einfarbige Fassungen in Schwarz und Weiß.
Was ist ein Responsive Logo?
Ein Logo, das je nach verfügbarem Platz in unterschiedlichen, aufeinander abgestimmten Varianten eingesetzt wird, vom vollständigen Logo bis zum reinen Bildzeichen.
Quellen
- Evil Martians: How to Favicon in 2026: evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
- Chrome for Developers: Does not provide a valid apple-touch-icon: developer.chrome.com/docs/lighthouse/pwa/apple-touch-icon
Alle Online-Quellen zuletzt abgerufen am 29. September 2026.
Würde dein Logo den 16-Pixel-Test bestehen?
Schick uns dein Logo, wir sagen dir ehrlich, wo es an seine Grenzen stößt, und wie es überall funktioniert.