# Include category logo aspect ratio in setting description

**URL:** https://meta.discourse.org/t/include-category-logo-aspect-ratio-in-setting-description/264945
**Category:** UX
**Created:** [May 14, 2023, 9:53am UTC](https://meta.discourse.org/t/include-category-logo-aspect-ratio-in-setting-description/264945 "2023-05-14T09:53:10Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![dandv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dandv/32/169779_2.png) [@dandv](https://meta.discourse.org/u/dandv)
#### Post date: [May 14, 2023, 9:53am UTC](https://meta.discourse.org/t/include-category-logo-aspect-ratio-in-setting-description/264945/1 "2023-05-14T09:53:10Z")

</div>

[Category Image Logo and Background Specifications](https://meta.discourse.org/t/category-image-logo-and-background-specifications/44171)

I’ve also just run into this - what is the aspect ration suggested for category logos in 2023? **Can it be specified under (one of) the image placeholders?**

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/d/8/cd8c3655f2a6a92c18e94e9f1d5433a6c54e3ab5.png)

I like how the dimensions and aspect ratio are indicated in the Branding settings:

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/f/3/9f3d2011a69bf46c98aabec8bacf9d28b15bc764.png)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [May 15, 2023, 12:39pm UTC](https://meta.discourse.org/t/include-category-logo-aspect-ratio-in-setting-description/264945/2 "2023-05-15T12:39:50Z")

</div>

That’s a great question and a good remark, Dan!

A wide image can mess up the category’s description, and images with different ratios will make things uneven:

Categories only:

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/a/6/da6c79300298252b07db5a07568ab519feed237f.jpeg)

Categories + featured topics:

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/5/0/450b4704af60a9ddb4779d5120ff4336cf333a17.jpeg)

Categories + topics:

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/4/d/c4d294d92129bf4eb1f6e0ac167ffbd82301bd37.jpeg)

Boxes with subcategories:

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/e/c/dec0458a666a837a6f355dedc57181560a210e47.png)

Boxes with featured topics:

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/d/7/ad7aff883b405523227ad1ecbeefc091a3ae8b8a.png)

---

<div class="post-metadata">

### Author: ![dandv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dandv/32/169779_2.png) [@dandv](https://meta.discourse.org/u/dandv)
#### Post date: [May 15, 2023, 4:18pm UTC](https://meta.discourse.org/t/include-category-logo-aspect-ratio-in-setting-description/264945/4 "2023-05-15T16:18:39Z")

</div>

So all category images should have same dimensions (pretty obvious); are there any recommended dimensions? Square 350px?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 12, 2023, 10:54am UTC](https://meta.discourse.org/t/include-category-logo-aspect-ratio-in-setting-description/264945/5 "2023-06-12T10:54:56Z")

</div>

Hi Dan,

Sorry for the late reply.

There are no recommended dimensions, but I believe these pictures don’t use thumbnails even if they are displayed as small, so it’s best to avoid large/heavy images in any case.

---

<div class="post-metadata">

### Author: ![volanar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/volanar/32/318163_2.png) [@volanar](https://meta.discourse.org/u/volanar)
#### Post date: [July 14, 2023, 11:27pm UTC](https://meta.discourse.org/t/include-category-logo-aspect-ratio-in-setting-description/264945/6 "2023-07-14T23:27:25Z")

</div>

To solve the problem with the correct display of images and their optimal loading, maybe it is worth adding the functionality of scaling, cropping and positioning category images to the roadmap?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [July 18, 2023, 9:40am UTC](https://meta.discourse.org/t/include-category-logo-aspect-ratio-in-setting-description/264945/7 "2023-07-18T09:40:50Z")

</div>

> [@volanar](#):
>
> functionality of scaling, cropping and positioning

On a side topic, it was suggested for avatars:

> [@Centre your avatar!](https://meta.discourse.org/t/centre-your-avatar/267685):
>
> I think it would be a great idea that we could centre our pfp’s to our liking, because I have seen people having uncentered pfp’s. Here’s a reference! From google! Like this! arrow_up_small

---

<div class="post-metadata">

### Author: ![volanar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/volanar/32/318163_2.png) [@volanar](https://meta.discourse.org/u/volanar)
#### Post date: [July 18, 2023, 9:49am UTC](https://meta.discourse.org/t/include-category-logo-aspect-ratio-in-setting-description/264945/8 "2023-07-18T09:49:29Z")

</div>

Creating a common component (library) will be able to solve these problems)

---

<div class="post-metadata">

### Author: ![Drew-ART](https://avatars.discourse-cdn.com/v4/letter/d/8edcca/32.png) [@Drew-ART](https://meta.discourse.org/u/Drew-ART)
#### Post date: [September 12, 2023, 4:52pm UTC](https://meta.discourse.org/t/include-category-logo-aspect-ratio-in-setting-description/264945/9 "2023-09-12T16:52:10Z")

</div>

a width of 350px used to be my go to, it looks great on mobile devices. I’ve found the new sidebar makes 350px too wide on screens under 12.5 inches if you’re using box categories.

I’m now using 300px width, but its not perfect on either small screens or mobile. I’d also love if there was image size guidance and auto-align/resize.
