Fullscreen

Desktop (1920x1080)

• Banner size: 1920px (width) x 1080px (height).

• File formats: JPG/GIF/PNG/WEBP.

• Maximum file size: 350 KB.

• Responsive banner: The banner scales to 100% height, but the most important elements should be placed within a central area of 1520px width (200px safety margin on each side).

• Safety margins:

  • Top: At least 150px (to avoid browser toolbars).

  • Bottom: At least 100px.

• Recommended placement of key elements:

  • Text, logos, and other important elements should be placed within the central area of 1520px width and between 150px (top) and 100px (bottom).

Mobile (457x812)

• Banner size: 457px (width) x 812px (height).

• File formats: JPG/GIF/PNG/WEBP.

• Maximum file size: 100 KB.

• Responsive banner: The banner scales to 100% height.

• Safety margins:

  • Top: 120px.

  • Bottom: 60px.

  • Sides: 50px on each side.

• Recommended placement of key elements:

  • Text, logos, and other important elements should be placed within a central area of 357px width (50px margins on each side) and between 120px (top) and 60px (bottom).

Tips for optimal placement:

1. Focus on the central area: Place key messages (text, logos, call-to-action) within the recommended safety margins to ensure they are always visible.

2. Avoid placing important information near the edges: This may get cut off or covered by browser toolbars or other UI elements.

3. Use high-contrast colors: This makes text and logos easier to read and see, especially on smaller screens.

    

   
   Additional Information About Ultra-Wide Screens:

   When it comes to ultra-wide screens, the material itself must be adapted to avoid being cropped.

   To ensure the material looks good on widescreens:

   • Update the design of the material to fit a smaller safe zone (for example, 40%).