Screen Sizes

The Screen Sizes settings in Vibe.fyi let you define and manage the pixel dimensions and display behaviour of your digital signage channels.

This article walks you through how to add, edit and remove custom screen size configurations, including how to set slide width and height, configure your information bar (with optional padding and font sizing), and understand how screens with information bars will display content. These settings help ensure your content looks great and fits perfectly across the variety of displays in your workplace comms setup.

1. Open the start menu and select Settings > Screen Sizes
   
   

2. Select the Screen Sizes tab.
   
   
   

3. From the Screen Sizes page, you can:
   • Add new screen sizes (to match your on-site digital signage/channel)
   • Edit screen sizes
   • Delete unused screen sizes
     

Adding or Editing Screen Size

1. Click + New Screen Size or Edit Screen Size  on an existing setting
2. Use the fields in the panel to create or edit your new screen size.
   
3. All measurements are pixels (px).
   

3. Click Save Screen Size

Info Bar Display: Inline (Information bar forces slides to resize)

1. This feature displays an information bar at the bottom and forces slides to resize.
   
2. The information bar in at the bottom. and it pushes the slide up, depending on the information bar height.
   
3. When setting up the information bar screen size, you need to accommodate the screen height, please see the following example:
   

Example: If the screen resolution is 3000w x 300h, accommodate the information bar height so the height becomes 300-80 = 220h

Info Bar Display: Overlay (Information bar appears over slides)

This feature displays an information bar at the bottom of the slides, as an overlay.

1. To enable this, go to Settings > Screen Sizes and click on the drop down option for INFO BAR DISPLAY
   
2. Select the Overlay (the information bar will appear over the slides).
   
   

Deleting Screen Sizes

1. Click Delete Screen Size.
   
   
2. Click Yes to confirm
   

Common Screen Resolutions

Display Type	Resolution (W × H)	Info Bar Height	Usable Slide Height
HD (Landscape)	1280 × 720	80px	640px
Full HD (Landscape)	1920 × 1080	80px	1000px
4K (Landscape)	3840 × 2160	80px	2080px
HD (Portrait)	720 × 1280	80px	1200px
Full HD (Portrait)	1080 × 1920	80px	1840px

When the information bar is enabled, its height is deducted from the total screen height.
For example, a 1920×1080 screen with an 80px information bar will display slides at 1920×1000.

FAQ

What screen size should I choose?

Choose a screen size that matches the native resolution of your physical display (e.g., 1920×1080 for Full HD screens). Using the wrong resolution can cause stretching, black bars, or cropped content.

What happens if my screen resolution doesn’t match my content?

If your screen size and slide dimensions don’t align:

• Content may appear stretched or squashed
• Edges may be cropped
• Black bars may appear around slides
  Always design slides using the same dimensions configured in your Screen Size settings.

Do I need a different screen size for portrait displays?

Yes. Portrait screens require swapped dimensions (e.g., 1080×1920 instead of 1920×1080). Make sure you create a separate screen size profile for portrait layouts.

What is the information bar, and when should I use it?

The information bar displays persistent elements such as:

• Scrolling announcements or branding

Use it when you need always-visible contextual info. Avoid it if your slide designs already include full-bleed visuals that shouldn’t be reduced in height.

Can I change a screen size after screens are already using it?

Yes, but be careful. Updating a screen size will affect all screens assigned to it, which may cause layout changes. If unsure, duplicate the screen size and test first.

Why does my content look blurry?

This usually happens when:

• The slide resolution is lower than the screen resolution
• Images are stretched beyond their original size

Always upload media at equal or higher resolution than the screen dimensions.

Can different screens use different sizes?

Yes. You can create multiple screen size profiles to support different display types (e.g., meeting rooms, factory floors, reception displays).

• Announcements

• Digital Signage Screen Maintenance

  A blank screen is more than a technical issue — it’s a communication gap. Your digital screens play a key role in workplace communication — sharing updates, celebrating wins and building culture. They don’t need constant attention, just a bit of ongoing

• How to Use Custom Feeds (RSS) in Templates

  It’s not new — but it’s one of Vibe’s most underused superpowers! With Custom Feeds (RSS), you can automatically pull live content — such as news, blogs, or job listings — straight from external websites into your Vibe templates. Just choose a template

• Smart Update: Advanced Scheduling

  We’ve completely re-developed Vibe's Advanced Scheduling feature to make it simpler, clearer, and more powerful. No more confusion around start/end dates and times or setting up repeats on specific days — the new UI makes it intuitive to plan and control

• Sports Tournament Infotainment

  Get ready for the Women’s Rugby World Cup! We’ve updated our Sports Tournament Infotainment slide with fixtures and live leaderboard updates. Perfect for keeping your workplace in the spirit of the game. You'll find it in the Infotainment Category when

• Template Design Guide

  Our Template Design Guide is for external designers, we recommend reviewing it if you plan to design your own Vibe templates: 👉 Vibe Template Design Guide This guide is designed to support brand and design teams in preparing template briefs—not building