Skip Navigation
30 Rock @dubvee.org Jenny! [she/her] @dubvee.org
Meta

[Meta] New Community Icon / Banner "Contest"

Looking to update the community icon and banner and want to see what you all come up with. As far as graphic arts go, I'm the worst so I want to crowdsource it out for best results. When the community was first set up I just kind of threw the current ones on there.

Best I can tell, the optimal sizes are 256x256 for the icon and 1320x240 for the banner. I've tried and failed to find a consistent answer on banner-sizing, but every answer has been different. Different apps also seem to display them differently, so I just picked a few that displayed well on different apps and averaged their sizes. 🤷🏻‍♀️ If you have a better suggestion, I'm all ears.

Animated icons/banners are fine, but they should be in the animated webp format. webm doesn't work well everywhere and GIFs are too large and also inconsistently supported. While webp doesn't animate in all apps, it still looks good as a static image unlike GIFs.

The winner will get a pos-mens in the sidebar

15

You're viewing a single thread.

15 comments

  • Best I can tell, the optimal sizes are 256x256 for the icon and 1320x240 for the banner. I’ve tried and failed to find a consistent answer on banner-sizing, but every answer has been different. Different apps also seem to display them differently, so I just picked a few that displayed well on different apps and averaged their sizes. 🤷🏻‍♀️ If you have a better suggestion, I’m all ears.

    Thanks for doing the work to test the best resolutions to use! If we happen to find out any other contradicting information about optimal sizes, I should be able to edit these as needed.

    Here are a couple banners I made very quickly by basically just cropping down some wallpapers.

    Banner 1:

    Banner 2:

    And here is a WEBP I was working on that I reworked just a bit to make it more suitable as a community icon. I also reduced the framerate/quality to get it down to just under 100kb while still being clear enough. I can always adjust the quality if necessary. Another neat feature is that the actual first frame is simply Liz smiling at the camera, so this should do well as a still image also. There is just some looping trickery to make it seem like when animated, it starts off with her turning her head toward the camera.

    EDIT: Fixed banner 2's width to get rid of the tiny black bar on the right

    • Very nice. I can only do a preview in Dubvee's main UI without committing them, but here's what those look like there.

      • I don't think that icon is a good fit. At that size, you can't really tell that she's winking, so it just kind of comes off weird.

        As for those banners, I prefer #2 (the one with Tracy in the middle)

15 comments