# Media

### Overview

This section allows you to integrate your own logo into your Shopware shop. Placeholders are defined here by default, which you can easily replace. To do so, simply remove the image link using the “✕” on the right-hand side.

{% hint style="success" %}
If available, we recommend using `.svg` files for your media here. These usually offer you the best resolution for a small file size.
{% endhint %}

### Configuration

<figure><img src="https://content.gitbook.com/content/33GKvYy9I8ydtLM82CBS/blobs/4BW2VOLsv015afyAAHjt/medien.webp" alt=""><figcaption></figcaption></figure>

<details>

<summary>Desktop</summary>

The logo you upload here will only be displayed on desktop screens.

</details>

<details>

<summary>Tablet</summary>

The logo you upload here will only be displayed on tablet screens.

</details>

<details>

<summary>Mobil</summary>

The logo you upload here will only be displayed on mobile screens.

</details>

<details>

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

The logo you upload here will be displayed as a preview when your shop is shared on social networks.

</details>

<details>

<summary>Favicon</summary>

The logo you upload here will be displayed in the browser tab and in the search engine's search results.

</details>

<details>

<summary>Footer</summary>

The logo you upload here will be displayed in your [footer](https://docs.atloss.de/en/academy/technical-terms/footer). By default, your desktop logo will be used. However, it may make sense to use a different image. For example, if you use a dark background in the [footer configuration](https://docs.atloss.de/en/theme-configuration/footer/layout) and your logo would no longer be clearly visible below the [service hotline](https://docs.atloss.de/en/theme-configuration/footer/columns).

</details>

<details>

<summary>Checkout</summary>

The logo you upload here will be displayed in your [checkout](https://docs.atloss.de/en/academy/technical-terms/checkout). By default, your desktop logo will be used. However, it may make sense to use a different image. For example, if you use a dark background in the [header configuration](https://docs.atloss.de/en/theme-configuration/header) and your logo would no longer be clearly visible.

</details>
