Header image size?

[glymr]

Hello!  I would like to hold a contest to have people create a header image for this community: detroitbecomehuman.  However, I can't seem to find any resources to tell people what a standard header image size should be, ie "no wider than x number of pixels", "no taller than x number of pixels", or anything about whether they will degrade gracefully on mobile, etc.  Does anyone have any tips or links that might help?

Thank you very much!

Comments

[syntheid]

There isn't really just one standard size, honestly. You're more limited by the layout you picked and CSS. The default layouts are built for mobile, but most of them aren't really built with header image handling into them, so you might have to work with that a bit to get what you want, but you certainly can make them degrade for mobile.

Unless you're talking about putting an image on the profile page in which case, the height is whatever you want though probably you'll want to stick with something smaller than 500px so people don't have to scroll past it, but the max width seems to be about 910px and if you want it to shrink for mobile users you'll have to make sure to add a style="max-width: 100%" to your image.

[mossgreen]

I've got a comm using Librarian's Dream that has a header banner of 1000px wide, but I honestly wouldn't go wider than that!!

I didn't know about the max-width thing; I'll have to try that.