# Medien

### Übersicht

Dieser Abschnitt ermöglicht dir dein eigenes Logo in deinen Shopware Shop zu integrieren. Standardmäßig sind hier Platzhalter definiert, welche du einfach austauschen kannst. Hebe dafür die Bildverknüpfung einfach mit dem "✕" an der rechten Seite auf.

{% hint style="success" %}
Falls vorhanden empfehlen wir dir `.svg` Dateien für deine Medien an dieser Stelle zu verwenden. Diese bieten dir i.d.R. die beste Auflösung auf eine kleine Dateigröße.
{% endhint %}

### Konfiguration

<figure><img src="https://3272904207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpapLvT9HTe34BQRCbfyY%2Fuploads%2FeGV5nRzKZb9KeAHo7vOI%2Fmedien.webp?alt=media&#x26;token=07e0dfac-8490-4310-9dd4-b5bc8b905ff8" alt=""><figcaption></figcaption></figure>

<details>

<summary>Desktop</summary>

Das Logo, welches du an dieser Stelle hinterlegst, wird nur für Desktop Bildschirme angezeigt.

</details>

<details>

<summary>Tablet</summary>

Das Logo, welches du an dieser Stelle hinterlegst, wird nur für Tablets angezeigt.

</details>

<details>

<summary>Mobil</summary>

Das Logo, welches du an dieser Stelle hinterlegst, wird nur für Smartphones angezeigt.

</details>

<details>

<summary>App- &#x26; Share-Icon</summary>

Das Logo, welches du an dieser Stelle hinterlegst, wird als Vorschau angezeigt, wenn dein Shop in sozialen Netzwerken geteilt wird.

</details>

<details>

<summary>Favicon</summary>

Das Logo, welches du an dieser Stelle hinterlegst, wird im Browser Tab und in den Suchresultaten der Suchmaschine angezeigt.

</details>

<details>

<summary>Footer</summary>

Das Logo, welches du an dieser Stelle hinterlegst, wird in deinem [Footer](https://docs.atloss.de/academy/fachbegriffe/footer) angezeigt. Standardmäßig wird dort dein Desktop Logo verwendet. Ein abweichendes Bild kann jedoch Sinn machen. Beispielsweise wenn du in der [Footer-Konfiguration](https://docs.atloss.de/footer/layout#farben) einen dunklen Hintergrund verwendest und dein Logo unterhalb der [Service-Hotline](https://docs.atloss.de/footer/spalten#service-hotline-1) somit nicht mehr gut zu erkennen wäre.

</details>

<details>

<summary>Checkout</summary>

Das Logo, welches du an dieser Stelle hinterlegst, wird in deinem [Checkout](https://docs.atloss.de/academy/fachbegriffe/checkout) angezeigt. Standardmäßig wird dort dein Desktop Logo verwendet. Ein abweichendes Bild kann jedoch Sinn machen. Beispielsweise wenn du in der [Header-Konfiguration](https://docs.atloss.de/header/header#farben) einen dunklen Hintergrund verwendest und dein Logo somit nicht mehr gut zu erkennen wäre.

</details>