Fullskjerm
Desktop (1920x1080)
-
Bannerstørrelse: 1920px (bredde) x 1080px (høyde).
-
Filformat: JPG/GIF/PNG/WEBP.
-
Maks filstørrelse: 350 KB.
-
Responsivt banner: Banneret skaleres til 100% høyde, men de viktigste elementene bør plasseres innenfor et sentralt område på 1520px bredde (200px sikkerhetsmargin på hver side).
-
Sikkerhetsmarginer:
-
Topp: Minst 150px (for å unngå nettleserens verktøylinjer).
-
Bunn: Minst 100px.
-
-
Anbefalt plassering av viktige elementer:
-
Tekst, logoer og andre viktige elementer bør plasseres innenfor det sentrale området på 1520px bredde og mellom 150px (topp) og 100px (bunn).
-
Mobil (457x812)
-
Bannerstørrelse: 457px (bredde) x 812px (høyde).
-
Filformat: JPG/GIF/PNG/WEBP.
-
Maks filstørrelse: 100 KB.
-
Responsivt banner: Banneret skaleres til 100% høyde.
-
Sikkerhetsmarginer:
-
Topp: 120px.
-
Bunn: 60px.
-
Sider: 50px på hver side.
-
-
Anbefalt plassering av viktige elementer:
-
Tekst, logoer og andre viktige elementer bør plasseres innenfor et sentralt område med 357px bredde (50px marginer på hver side) og mellom 120px (topp) og 60px (bunn).
-
Tips for optimal plassering:
-
Fokuser på det sentrale området: Plasser de viktigste budskapene (tekst, logoer, call-to-action) innenfor de anbefalte sikkerhetsmarginene for å sikre at de alltid er synlige.
-
Unngå å plassere viktig informasjon nær kantene: Dette kan kuttes av eller dekkes av nettleserens verktøylinjer eller annen UI.
-
Bruk høykontrastfarger: Dette gjør det enklere å lese tekst og se logoer, spesielt på mindre skjermer.
Tilleggsinformasjon om ultra-wide screens :
Når det gjelder ultra-wide screens, er det selve materialet som må tilpasses for å unngå at det blir beskåret.
For å få materialet til å se bra ut på widescreen:
Oppdater designen på materialet for å passe til en mindre safe zone (for eksempel 40%).