WelcomeUser Guide
ToSPrivacyCanary
DonateBugsLicense

©2024 Poal.co

441

I've seen different ratioes for different subs, but is there any way to tell which size would work particularly well within the layout?

@AOU? @Handroid7?

I've seen different ratioes for different subs, but is there any way to tell which size would work particularly well within the layout? @AOU? @Handroid7?

(post is archived)

[–] 1 pt (edited )

Banner file's height can start around 200~250 pixels up to 400. (more is overkill and wastes too much real estate)

Adjust the jpg compression accordingly. (higher if your banner doesn’t contain much contrasted details or texts)

Check out /s/testsub and resize your browser's window to see the banner adapting to it.

You can use the following code for your sub.

.subbanner { background-color: #000; display:grid; margin:auto; position: relative; top:0px; width: 66vw !important; height: 13.5vw; background-size: 100% !important; background: url(%%poalbanner%%) no-repeat; }

.subbannerm { background-color: #000 !important; background: url(%%poalbanner%%) no-repeat center/contain; height: 4.05em; width: 100%; margin-bottom: -0.1em; margin-top: -0.3em;}

.submenumargin { padding-top: 3em !important; }

[–] 0 pt

The one in /s/ModAbuse is 3840×640.

It adapts to the screen width.

[–] 1 pt

Why do you discriminate 4/5/6/8K users?

[–] 1 pt

Most currently used monitors are not above 4K (3840px width), especially portable devices.

I could upgrade to 5K (5120 pixels), but that's currently not needed.

8K would require 4× the space per image, which would exceed the 2 MB one has in CSS image space.

[–] 1 pt

That was a joke

[–] 0 pt

Also, it is only 250 KB in /s/ModAbuse due to JPEG compression.