Category Image Logo and Background Specifications

Product Support

AI 生成的摘要

The discussion revolves around determining optimal image dimensions for category logos and backgrounds in Discourse. Karthik shares his experience using an 831 x 150 image, noting that while it looks good on desktop and mobile, it causes layout issues when categories have many topics. He suggests a safer size of 580 x 350px, which works across platforms. erlend_sh confirms there are no official standards yet and recommends testing with screen emulators. mitchellk supports this, stating that 550 x 350px works well for him.

1

Hey Guys.

So I wasn’t sure what the image logo and background specifications were, but did a check on the element width and figured it’d be best to add an image 831 x 150 for logo.

My assumption is that logo was meant to be smaller but looking at the uploader, there was enough room so tried it out anyways. And they look great on desktop & mobile.

But as I add topics under categories, they seem to be stretched to far right and that’s ok too as long as the post count is 4-5. Beyond that I think it falls apart as each category has different number of topics and they’re all of different title length.

You can see it here -

Boxo.png1148×692 82.8 KB

My question is, are there any standard image dimensions you recommend for category backgrounds and logos, that will not break the UI?

Thanks

2

I don’t think we’ve established the “safest possible values” yet, no. We should come up with proper standards for this eventually, but for now your best bet is to test with screen emulators and make sure your images look OK on all screen sizes.

3

Got it. For those who might run into this problem, I’ve figured that something within 580px width and 350px height is good on all platforms. Anything beyond those specs “breaks” the design.

4

Thanks I have found 550px x 350px to work perfectly for me.