# Tipps zur Logo-Gestaltung

Wir sind nicht nur Theme-Entwickler sondern auch Grafiker und Designer. Daher sind wir uns der Bedeutung des Shop-Logos für das Erscheinungsbild deines Shops durchaus bewusst. Unsere Empfehlung ist daher, dein Logo von einem Profi erstellen zu lassen – zumindest sofern du noch kein Logo hast.

Du kannst natürlich auch selber ein Logo erstellen, einen Online "Logo Maker" nutzen oder ein Logo bei einem Stock-Anbieter kaufen. Alternativ gibt es auch die Möglichkeit ein Logo über einschlägige Freelancer-Portale zu beauftragen oder einfach unsere Logo-Vorlage zu nutzen.

Vielleicht trifft auf dich keiner der Punkte zu, denn du möchtest einfach dein bestehendes Logo weiternutzen oder für deinen Online-Shop anpassen bzw. anpassen lassen.

Egal für welche Variante du dich entscheidest: Beachte, dass dein Logo DAS Markenzeichen für deinen Shop ist und sein wird. Es ist damit ein wesentlicher Bestandteil deines visuellen Erscheinungsbildes und ein Schlüssel zur Wiedererkennbarkeit deines Shops.

Nachfolgend haben wir ein paar Tipps die dir bei der Logo-Gestaltung helfen werden:

* Nutze **nicht zu kleinteilige bzw. detaillierte Grafiken** für dein Shop-Logo. Diese eignen sich in der Regel nicht gut für kleine Viewports. Hinterlege darum zumindest für kleine Logos eine weniger detaillierte Variante.
* Um Interpolations-Unschärfen durch eine Browser-Skalierung bei Pixelgrafiken zu vermeiden nutze ein Logo in einer möglichst passenden Größe – am besten etwas größer als benötigt. Orientiere dich gerne an unseren Bildvorlagen.
* **Komprimiere eine Pixelgrafik** ggf. mit einem kostenfreien Online-Tool wie TinyPNG.
* Für eine perfekte Skalierbarkeit nutze am besten eine **Vektorgrafik deines Logos**.
* **Logos im Querformat** bieten sich an, da diese in den meisten Viewports platzsparend in die verschiedenen Header bzw. Header-Layouts passen.
* **Vermeide unnötigen Leerraum** um die eigentliche Grafik. Dies erleichtert die Platzierung und Ausrichtung des Logos erheblich.

{% hint style="success" %}
**Tipp**: Sie dir auch gerne unseren in ThemeWare® enthaltenen Online-Kurs "Grafik-Gestaltung" an. Den Zugang erhältst du über die [ThemeWare Utilities](https://service.themeware.design/themeware-utilities).
{% endhint %}

**Detailgrad des Logos:**

![Links: sehr kleinteilig und schwer erkennbar in kleiner Größe | Rechts: auch in kleiner Größe gut erkennbar](/files/Ho3y3b9vL8JW21ZJOwX6)

**Unnötiger Leerraum in der Grafik:**

![Links: unnötiger Leeraum in der Grafik | Rechts: optimal zugeschnittene Grafik](/files/4oRU70zn50SF4jkGPJYY)

***

## Weiterführende Informationen

* Einführung: Eine Einführung in das Thema "Logo konfigurieren" findest du im Artikel [Logo konfigurieren](/wissensdatenbank/einfuehrung/logo-konfigurieren.md)
* Grundwissen: Mehr Informationen zum Thema "Shop-Logo" findest du im Artikel [Shop-Logo](/wissensdatenbank/grundwissen/shop-logo.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wiki.themeware.design/wissensdatenbank/tipps-und-tricks/tipps-zur-logo-gestaltung.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.