HOME | DD

Description
Never' seen any of these made before so here you go!

You may ask: "Why do you need these? They give you the dimensions right on your profile when you hover over the upload icon."
Well I'm glad you asked! So it's largely because how things sit in relation to the banner is not clear.

-You are told to have an icon of 100x100, but it comes out as 102x102 on your profile with a 1-pixel border to make a 104x104 opaque box.

-If you upload a square icon of any size larger or smaller than 100x100, it'll be scaled to 100x100 anyway.

-It says .jpeg only, but in experiments I could upload .png fine as it just converts them anyway. I kept the non-project image files at a max-quality jpeg just for simplicity's sake so you'll know how they come out though, besides their compression artifacts.

-All non-measurement text areas on the banner, including the icon, slide horizontally with the page width but stay left-biased by the spacing shown. They also have shadowing and rainbow anti-aliasing.

-...But the darkened area they sit on stays the same height.

-The banner itself crops the left and right side off of it's 1160x300 depending on said page width, meaning it's center-aligned and I measured those out for composition by light quarter boxes 290 in width.

-I also made some alignment boxes for the icon's composition, but in dark so it feels more like the banner.

-They also have shadowing, button and aliasing differences, so I just put their general size and spot there represented in text. Initially I considered boxes, but that isn't exactly intuitive because they imply a beginning and end point while they are actually dynamic.

Which now bring me to how to use these... Oh wait, that's actually it, lol!

You can see the result on my profile here:
gamefaqs.gamespot.com/communit…

Enjoy!

Description
Never' seen any of these made before so here you go!

You may ask: "Why do you need these? They give you the dimensions right on your profile when you hover over the upload icon."
Well I'm glad you asked! So it's largely because how things sit in relation to the banner is not clear.

-You are told to have an icon of 100x100, but it comes out as 102x102 on your profile with a 1-pixel border to make a 104x104 opaque box.

-If you upload a square icon of any size larger or smaller than 100x100, it'll be scaled to 100x100 anyway.

-It says .jpeg only, but in experiments I could upload .png fine as it just converts them anyway. I kept the non-project image files at a max-quality jpeg just for simplicity's sake so you'll know how they come out though, besides their compression artifacts.

-All non-measurement text areas on the banner, including the icon, slide horizontally with the page width but stay left-biased by the spacing shown. They also have shadowing and rainbow anti-aliasing.

-...But the darkened area they sit on stays the same height.

-The banner itself crops the left and right side off of it's 1160x300 depending on said page width, meaning it's center-aligned and I measured those out for composition by light quarter boxes 290 in width.

-I also made some alignment boxes for the icon's composition, but in dark so it feels more like the banner.

-They also have shadowing, button and aliasing differences, so I just put their general size and spot there represented in text. Initially I considered boxes, but that isn't exactly intuitive because they imply a beginning and end point while they are actually dynamic.

Which now bring me to how to use these... Oh wait, that's actually it, lol!

You can see the result on my profile here:
gamefaqs.gamespot.com/communit…

Enjoy!