# Empfohlene Auflösungstipps für Logos

**URL:** <https://meta.discourse.org/t/logo-recommended-resolution-tips/105053>\
**Category:** Feature\
**Created:** [26. Dezember 2018 um 04:21 UTC](https://meta.discourse.org/t/logo-recommended-resolution-tips/105053 "2018-12-26T04:21:03Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [28. Dezember 2018 um 09:04 UTC](https://meta.discourse.org/t/logo-recommended-resolution-tips/105053/5 "2018-12-28T09:04:03Z")

</div>

The way the logo size is set in CSS relates to the font-size used. As the base font-size is increased, so will the size of the logo, this ensures that the UI scales with font-sizes.

[https://global.discourse-cdn.com/meta/original/3X/8/9/89fd7332c304ba4fd37ace11dcdb1a8598279dcd.mp4](https://global.discourse-cdn.com/meta/original/3X/8/9/89fd7332c304ba4fd37ace11dcdb1a8598279dcd.mp4)

We have a general recommendation that the large and mobile logos should be a wide rectangular shape. This is based on the shape of the header and we recommend that the small logo be a square shape because of the way we place it in the interface.

Here’s something more specific

**Large and mobile logos**  
wide rectangular shape with a height of 120px and an aspect ratio greater than 3:1

**Small logo**  
Square shape with a resolution of 120x120

* * *

A couple of things I would advise against doing:

1. don’t use logos with a height greater than 120px because it is probably excessive since 120px already factors 17px font-size on HiDPI screens.

2. don’t use images with height greater than width.

I have a small PR to update the copy and will get that merged in a bit

[https://github.com/discourse/discourse/pull/6819](https://github.com/discourse/discourse/pull/6819)

---

_[View the full topic](https://meta.discourse.org/t/logo-recommended-resolution-tips/105053)._