Skip to main content

App Screen Sizes

App screen sizes​

Windows​

Overwolf apps should act like native desktop applications and not like a website. Make sure you implement our best practices for using windows before implementing your own app to avoid basic mistakes. Focusing on desktop experience improves your app’s behavior and user experience.

Overwolf apps function as desktop applications and should prioritize clear and useful information within a compact layout that isn’t always full-screen. Moreover, app developers should consider ad integration as part of the app's layout. Unlike a browser experience where the grid remains flexible, ads naturally impact the app’s structure and should be accounted for in the design from the start.

Overwolf App Screen Size and UX Recommendations​

Consider Popular Resolutions – Design for the most used screen resolutions on our platform:

  • 1920x1080 (1080p, FHD)—the majority of users use this resolution.
  • 2560x1440 (1440p, QHD)—the second most popular choice, though less common.
  • 1366x768 (HD) and 3840x2160 (4K UHD)—used by a smaller portion of users.
  • 3440x1440 (UltraWide QHD) and other resolutions (e.g., 1920x1200, 1600x900, 2560x1600)—used by a very small percentage (~1%) of users.

Set an Optimal Default Window Size​

By default, avoid launching apps on full screen unless this was set by the user.

  • Design for smaller screens—ensure the default window size is compatible with smaller popular screen sizes, like 15” and 13” screens(1280x720 or 1440x900).
  • Allow resizing—users should be able to dynamically resize the app to their preferred dimensions.
  • Use a 16:9 aspect ratio—this is the optimal ratio for most screens. A good default screen size example is 1300x730 px.

In-Game Overlay Behavior​

  • Keep sticky overlay elements non-intrusive and avoid covering key game HUD areas.
  • Allow users to adjust overlay positioning and, if possible, size per their preferences
    • but avoid opening the in-game screen in full size.
    • and on secondary monitors, as users often cover or close full-screen apps on a second monitor.
  • Ensure hotkeys and interactions work seamlessly across different screen setups.