Chatroom Optimization: Getting The Best Out Of Your Screen
![Laptop and Desktop Screens](https://cdn5.vscdns.com/images/monitors_101/resolutions-img-wl-light-guys.png)
Resolutions
What is a resolution?
Screen resolution is the number of pixels a screen can show. The most common resolution is 1920 x 1080 (aka 1080p or Full HD), which can display 1,920 horizontal and 1,080 vertical pixels.
Higher pixel counts generally equate a sharper, more detailed image quality. But pixel density also plays a major role. When comparing a larger monitor to a smaller monitor with the same resolution the smaller monitor will be sharper due to its higher pixel density, measured in pixels per inch (PPI).
Ideal settings for your screen:
Monitor Size | Recommended resolution (in pixels) |
19-inch standard ratio LCD monitor | 1280 x 1024 |
20-inch standard ratio LCD monitor | 1600 x 1200 |
20- and 22-inch widescreen LCD monitors | 1680 x 1050 |
24-inch widescreen ratio LCD monitor | 1900 x 1200 |
Monitor Size | Recommended resolution (in pixels) |
13- to 15-inch stadard ratio laptop screen | 1400 x 1050 |
13- to 15-inch widescreen ratio laptop screen | 1280 x 1024 |
17-inch widescreen laptop screen | 1680 x 1050 |
How to change screen resolution (Windows/Mac)
Windows
1. Open display setting
![Settings Menu Screen](https://cdn5.vscdns.com/images/monitors_101/setting-screencap.jpg)
2. Change display resolution
![Settings Menu Screen](https://cdn5.vscdns.com/images/monitors_101/setting-screencap_.jpg)
Mac
1. Check your Mac's resolution
![Settings Menu Screen](https://cdn5.vscdns.com/images/monitors_101/setting-screencap_mac.jpg)
2. Change display resolution
![Settings Menu Screen](https://cdn5.vscdns.com/images/monitors_101/setting-screencap_mac_2.jpg)
Browser zooming & how to reset
![Chrome Logo](https://cdn5.vscdns.com/images/monitors_101/chrome.png)
Chrome
Under the "View" tab, select "Zoom In" (Ctrl +) or "Zoom Out" (Ctrl -). To reset zoom settings, select "Actual Size" (Ctrl 0).
![Screencapture of zooming process](https://cdn5.vscdns.com/images/monitors_101/browser-zoom_1-wl-guys.jpg)
![Firefox Logo](https://cdn5.vscdns.com/images/monitors_101/ff-icon.png)
Firefox
Under the "View" tab, highlight "Zoom", and select either "Zoom In" (Ctrl +) or "Zoom Out" (Ctrl -). To reset zoom settings, select "Actual Size" (Ctrl 0).
![Screencapture of zooming process](https://cdn5.vscdns.com/images/monitors_101/browser-zoom_2-wl-guys.jpg)
![Edge Logo](https://cdn5.vscdns.com/images/monitors_101/edge-icon.png)
Edge
Under the "View" tab, highlight "Zoom", and select either "Zoom In" (Ctrl +) or "Zoom Out" (Ctrl -). To reset zoom settings, select "Actual Size" (Ctrl 0).
![Screen capture of zooming process](https://cdn5.vscdns.com/images/monitors_101/browser-zoom_3-wl-guys.jpg)
![Safari Logo](https://cdn5.vscdns.com/images/monitors_101/safari-icon.png)
Safari
Under the "View" tab, highlight "Zoom", and select either "Zoom In" (Ctrl +) or "Zoom Out" (Ctrl -). To reset zoom settings, select "Actual Size" (Ctrl 0).
![screen capture of zooming on safari](https://cdn5.vscdns.com/images/monitors_101/safari-zoom-wl-guys.jpg)
![Internet Explorer Logo](https://cdn5.vscdns.com/images/monitors_101/ie-icon.png)
Internet Explorer
Under the "View" tab, highlight "Zoom", and select either "Zoom In" (Ctrl +) or "Zoom Out" (Ctrl -). To reset zoom settings, select "Actual Size" (Ctrl 0).
![](https://cdn5.vscdns.com/images/monitors_101/zoom-cap-ie-wl-light-guys.jpg)
![Room Size Screenshot](https://cdn5.vscdns.com/images/monitors_101/room-size-guys.jpg)
Small, Medium, Large, XL chat feeds
To adjust size of a model's chat feed, select the "S", "M", "L", or "XL" option from the bottom-left corner of the chatroom. For small monitors (1200px or less), it is recommended to use "L" chat size.
Please note: "M" and "XL" chat sizes are disabled for screens displaying less than 1400 pixels.
![Window Size small' Icon](https://cdn5.vscdns.com/images/monitors_101/size-icon-sm.png)
![Window Size medium Icon](https://cdn5.vscdns.com/images/monitors_101/size-md.png)
![Window Size large Icon](https://cdn5.vscdns.com/images/monitors_101/size-lg.png)
![Window Size extra large Icon](https://cdn5.vscdns.com/images/monitors_101/size-xl.png)
![Small Room Size Screen capture](https://cdn5.vscdns.com/images/monitors_101/room-size-sm-wl-light-guys.jpg)
![Small Room size icon](https://cdn5.vscdns.com/images/monitors_101/size-icon-sm.png)
Small
![Medium Room Size Screen capture](https://cdn5.vscdns.com/images/monitors_101/room-size-md-wl-light-guys.jpg)
![Medium Room size icon](https://cdn5.vscdns.com/images/monitors_101/size-md.png)
Medium
![Large Room Size Screen capture](https://cdn5.vscdns.com/images/monitors_101/room-size-lg-wl-light-guys.jpg)
![Large Room size icon](https://cdn5.vscdns.com/images/monitors_101/size-lg.png)
Large
![Extra Large Room Size Screen capture](https://cdn5.vscdns.com/images/monitors_101/room-size-xl-wl-light-guys.jpg)
![Extra Large Room size icon](https://cdn5.vscdns.com/images/monitors_101/size-xl.png)
Extra Large
Native Full Screen vs. Private Full Screen
![](https://cdn5.vscdns.com/images/monitors_101/native-full_private-full_1-wl-light-guys.jpg)
To enable full screen, hover over the chat size button (bottom-left of chatroom), and select either Native or Private Full Screen options.
Native Full Screen
![](https://cdn5.vscdns.com/images/monitors_101/native-full-screen-guys.jpg)
Uses the browser's full screen feature to expand the chatroom video. This mode hides all chatroom elements, including chat messages and menus.
Private Full Screen
![](https://cdn5.vscdns.com/images/monitors_101/private-full-screen-light-guys.jpg)
Enables full screen, without removing any chatroom elements (messages, buttons, etc.) Only available during Private shows.
ADJUSTING CHAT FONT SIZE
![Font Sizing Control Panel Area](https://cdn5.vscdns.com/images/monitors_101/font-sizing-wl-light-guys.jpg)
Click the "gear" settings button, to open the chat message settings menu. Under "Text Size", drag the bar to adjust chat message text size. Must be logged in to adjust text size.
Small
![Ratio Image Square Screen](https://cdn5.vscdns.com/images/monitors_101/font-sm-wl-light-guys.jpg)
Medium
![Ratio Image Square Screen](https://cdn5.vscdns.com/images/monitors_101/font-md-wl-light-guys.jpg)
Large
![Ratio Image Square Screen](https://cdn5.vscdns.com/images/monitors_101/font-lg-wl-light-guys.jpg)
ASPECT RATIO
![Ratio Image Square Screen](https://cdn5.vscdns.com/images/monitors_101/ratios_1-wl-light-guys.jpg)
![Ratio Image Rectangle Screen](https://cdn5.vscdns.com/images/monitors_101/ratios_2-wl-light-guys.jpg)
Most common screen resolutions use a rectangular aspect ratio of 16x9. For the best user experience, we recommend maintaining a 16x9. Other ratio settings may cause images and video content to appear distorted in size.
Please note: In order to maintain 16x9 ratios, sizing of select content may be restricted on screens that are not 16x9.
![Ratio iPad Screen](https://cdn5.vscdns.com/images/monitors_101/ratios_3-guys.png)
![Ratio iPad Screen](https://cdn5.vscdns.com/images/monitors_101/ratios_4-guys.png)