Das Logo Ihrer Marke muss an zig verschiedenen Orten leben, von einem winzigen Favicon auf Ihrer Website bis zu einer riesigen Werbetafel auf einer stark befahrenen Autobahn. Selbst innerhalb Ihrer Website gibt es verschiedene Stellen für Ihr Logo in unterschiedlichen Ausrichtungen und Größen. Und jedes Mal, wenn Sie Ihr Logo – oder eine Variation davon – verwenden, muss es konsistent, klar und erkennbar sein.

Wenn Sie die verschiedenen Logo–Abmessungen und -Größen kennen, die Sie von Anfang an benötigen, ist es viel einfacher, sie Ihrer Website – und Ihren sozialen Medien, Printprodukten und allen anderen Markenbeilagen – hinzuzufügen.

Abonnieren Sie unseren Youtube-Kanal

Logovariationen

Logos bestehen größtenteils aus drei Elementen: dem Firmennamen, einem Symbol und einem Slogan. Oder Sie können sich ein Logo als zwei Hauptkomponenten vorstellen: das Bild oder Symbol und die Typografie oder Wortmarke. Letztendlich können Sie diese Elemente zusammen oder getrennt verwenden, aber egal wie sie angeordnet sind, sie sollten Ihre Marke widerspiegeln.

Ein Logo kann mehrere Variationen haben, wenn es um Design, Abmessungen, Ausrichtung, Form und Größe geht. Der Kontext, in dem Sie das Logo verwenden – für unsere Zwecke, wo es auf Ihrer Website angezeigt wird – bestimmt die Version des Logos, die Sie auswählen. Und jedes Mal, wenn Sie Ihr Logo an einen anderen Hintergrund oder eine andere Größe anpassen, ist es das Ziel, dass es seine Integrität behält.

Hier sind gängige Logo-Variationen, die Sie für die Verwendung auf Ihrer Website und anderswo erstellen sollten:

• Horizontal, quadratisch und vertikal
• Schwarz, Weiß, Vollfarbe und inverse Farbe
• Normaler Hintergrund und transparenter Hintergrund
• Vollständiges Logo, nur Symbol und begrenzter Text oder einzelner Buchstabe /Monogramm

Alle verschiedenen Logos, die Sie erstellen, sollten zusammen mit Details darüber, wo sie verwendet werden sollten, in Ihrem Markenkit enthalten sein auch. Und wenn Sie Ihre Logo-Variationen nicht selbst erstellen, sollten Sie wissen, dass die Agentur oder der Designer, der sie erstellt, alle Variationen zusammen mit dem ursprünglichen, primären Logo senden sollte.

Logo-Dateitypen

Der Dateityp beeinflusst, wie das Logo beim Vergrößern und Verkleinern aussieht. Wenn Sie das Logo mit einem nicht skalierbaren Dateityp erstellen, sieht es verschwommen und pixelig aus, wenn es größer wird. Sie wollen das nicht – Sie möchten, dass Ihr Logo detailliert und perfekt aussieht, egal ob winzig oder riesig.

Damit Ihr Logo ohne Qualitätsverlust skalierbar ist, sollte es im Vektorformat vorliegen, vorzugsweise als PNG-Datei. Ein PNG ist eine verlustfrei komprimierte Datei, was bedeutet, dass die Dateigröße ziemlich klein ist, aber die Qualität des Designs beibehalten wird. Sie können auch einen transparenten Hintergrund mit einer PNG-Datei verwenden, die sich hervorragend für Websites und andere digitale Bereiche eignet. Wenn Sie ein Logo online anzeigen, sollte Ihre PNG-Datei weniger als 200 KB groß sein, damit die Ladezeit schnell ist.

Sie kennen sich vielleicht besser mit JPG-Dateien aus, möchten aber kein JPG für Ihr Logo verwenden. Dieser Dateityp ist verlustbehaftet komprimiert, nicht verlustfrei komprimiert. Es nimmt zwar weniger Platz in Anspruch als ein PNG, da die Dateigröße etwas kleiner ist, die Qualität ist jedoch schlechter und Ihr Logo sieht möglicherweise pixelig aus, insbesondere wenn Sie versuchen, es zu skalieren.

Auswählen einer Logogröße für Ihre Website

Ihr Logo wird an zwei primären Stellen auf Ihrer Website angezeigt: dem Favicon und der Navigationsleiste. Lassen Sie uns bestimmte Dimensionen für diese Orte durchgehen.

Größe des Favicon-Logos

In einem kleinen Bereich wie dem Favicon sollten Sie Ihr Logo nur für Symbole verwenden, da der Bereich zu klein ist, um Text lesbar zu machen. Wenn Ihr Logo ein Wort ist, können Sie entweder den ersten Buchstaben des Wortes oder eine Monogrammversion verwenden, wenn zwei oder mehr Wörter vorhanden sind. Im folgenden Beispiel sehen Sie das aus einem Buchstaben bestehende Logo von Amazon, das an verschiedenen Stellen verwendet wird, auch auf einigen ihrer Geschenkkarten:

Quelle: Amazon

P.S. Das Favicon ist das winzige Symbol, das neben dem Titel der Webseite in der Suchleiste angezeigt wird, und es wird auch in einer Lesezeichen- oder Favoritenliste angezeigt.

Die Standard–Favicon-Größen sind wie folgt:

• 16 x 16 Pixel (am häufigsten)
• 32 x 32 Pixel
• 48 x 48 Pixel

Größe des Navigationsleistenlogos

In der Navigationsleiste oder im Header Ihrer Website befindet sich Ihr logo – wahrscheinlich das volle, Standard. Normalerweise befindet sich das Logo auf der linken Seite der Navigationsleiste.

Während die genaue Größe von Ihrem spezifischen Website–Builder abhängt, sind die Größenoptionen wahrscheinlich ungefähr wie folgt:

• Volles Banner: 468 x 60 Pixel
• Horizontales Layout: 250 x 150 Pixel; 350 x 75 Pixel; oder 400 x 100 Pixel
• Vertikales Layout : 160 x 160 Pixel

Das sind nicht die Größen des eigentlichen Headers – die Header werden größer sein – aber sie sind die Größen, die Sie berücksichtigen sollten, wenn Sie Ihr Logo so gestalten, dass es in diese Art von Website-Headern passt.

Andere Orte, an denen Sie Ihr Logo verwenden

Wenn Sie Variationen Ihres Logos für Ihre Website erstellen möchten, ist es auch ein guter Zeitpunkt, die Versionen zu erstellen, die Sie auch für andere Orte benötigen. Zum Beispiel:

• Digitale Anzeigen und Banner erfordern ein Logo.
• In sozialen Medien benötigen Sie Ihr Logo in Hintergründen, Bannern, Titelbildern, Profilbildern, Beiträgen und Miniaturansichten.
• Für Marken mit einem Online-Shop, der physische Materialien verkauft, benötigen Sie möglicherweise Ihr Logo auf Magneten, Tassen oder T-Shirts.
• Wenn Sie physische Materialien verkaufen oder versenden, setzen Sie Ihr Logo auf Versandmaterial wie Kartons, Umschläge und vielleicht sogar Klebeband.Facebook Instagram Tools wie Canva verfügen über fertige Vorlagen mit den idealen Größen für Grafiken an verschiedenen Orten, z. B. für Ihr Facebook-Titelbild oder einen Stories-Beitrag auf Instagram. Sie können Ihr Logo in die Vorlage einfügen und dann das endgültige Design herunterladen, um es überall dort zu verwenden, wo Sie es benötigen.
  

  Abschließende Gedanken zur Logogröße für Ihre Website

  Wenn es um Ihr Logo, seine Variationen und den Ort geht, an dem Sie es auf Ihrer Website platzieren, denken Sie daran, dass dies kreativ und designorientiert ist – es gibt keine festen Regeln, die Sie befolgen müssen. Und da es keine perfekte Wissenschaft ist, können Sie mit Ihrem künstlerischen Auge und bestem Urteilsvermögen entscheiden, was wo verwendet werden soll. Ihr Logo kommuniziert viel über Ihr Unternehmen und ist eines Ihrer Markenelemente, das die Wahrnehmung des Publikums beeinflusst. Es sollte klar und hochwertig aussehen, egal wo es verwendet wird.

  Ist Ihr Logo einsatzbereit? So fügen Sie ein benutzerdefiniertes Logo in Divi hinzu. Vielleicht gefällt Ihnen auch unser Artikel mit einfachen und kreativen Möglichkeiten, Ihr Logo in Divi anzuzeigen.

  Ausgewähltes Bild über Mas Blend / .com