Image Optimisation

Image Optimisation

Quality & Dimensions

Setup your artwork

  1. 100%
  2. RGB Colormode
  3. jpg or png (for transparency)
  4. Save and optimise JPG/PNG images to fit the size of the screens

Background images

Dimensions will vary according to the resolution and default orientation of your screen/device.  If you have combination of portrait and landscape displays, try creating a 1920 x 1920 px image that works best on both or apply a specific background
A standard display will be one of the following:
  • Landscape: 1920 x 1080 pixels or 16:9
  • Portrait: 1080 x 1920 pixels or 9:16

Ruler measurements

Ensure that your ruler measurements are stated in Pixels and setup Guides to allow for the mandatory 40px Top, 50px Left, 50px Right and 100px Bottom Margins.
Alert
The Vibe image manager support image filenames using alpha-numeric characters and the underscore/hyphen symbols. Before you attempt to upload a new image, remove any unsupported characters (e.g. & ampersands, ( ) brackets, + plus etc). 

Layout and Design

Make sure that you design for legibility and readability and consider that text is large enough, isn’t crowded and colour choices provide good contrast.

Establish a ‘Safe Area’ around the edges of your design to allow for any mandatory logos or information bars that are already established in other slides.

  • Character Limit - Keep text short and large
    • 5-7 word heading
    • 5-20 words summary
  • Graphics
    • Use simple, clean graphics
  • Colours
    • Use no more than 3 colours, plus black and white or grey
    • Cool colours like blue, green are recessive whereas warm colours like red and orange tend to ‘pop’ and draw attention (use a balance of both)
    • Utilise contrasting colours or emphasising the most valuable information
  • Images
    • Background images can ‘bleed’ off the edge, but keep text well away
    • Make sure any images that you add will enhance the written message, not distract from it!

Guidelines




Compression

For the best results, we highly recommend compressing your images before you uploading your images. Compressing the images will give you a big reduction in file size without losing quality.
All files used to create your slides (i.e. images/spreadsheets/etc) are downloaded to your workplace digital signage media player(s) and stored locally (until the slide is updated or deleted). Try to optimise and compress your files as much as possible to reduce data usage.
Try these free online compression tools to prepare your images:

Idea
If you use Adobe Photoshop, you can go to File > Save for Web & Device, and select the Presets to compress your image.

Image Caching (Cloudflare)

Vibe.fyi uses Cloudflare caching to optimise image delivery performance across all screens and devices. This means that once an image is uploaded and delivered through our network, it may be cached (stored temporarily) by Cloudflare for faster loading.

Best practice for replacing existing images

If you upload a new version of an image with the same file name, Cloudflare may continue to serve the cached (older) version for up to 24 hours. This can result in the new image not appearing immediately, even after multiple browser refreshes.

  • When possible: Upload the updated image with a new file name (e.g. banner-v2.jpg instead of banner.jpg).
  • If you must keep the same file name:
    1. Allow up to 24 hours for the cache to update automatically.
    2. If the new version still isn’t appearing after 24 hours, submit a support request asking our team to force a cache refresh.
Idea
For urgent updates, renaming the file is the fastest way to ensure the new image is displayed immediately.

Troubleshooting Cache Delays

If your new image doesn’t appear after uploading:

  1. Try a hard refresh in your browser (Ctrl + F5 on Windows / Cmd + Shift + R on Mac).
  2. Clear your browser cache or test the image in a private/incognito window.
  3. Check the image URL directly — if the old image still shows, Cloudflare is likely still serving a cached version.
  4. Wait 24 hours, then if needed, contact Vibe Support to perform a manual cache purge.

Alert
*All links to third-party software available in this Help Center are provided “as is” without warranty of any kind, either expressed or implied and such software is to be used at your own risk. The use of the third-party software links on this site is done at your own discretion and risk and with agreement that you will be solely responsible for any damage to your computer system or loss of data that results from such activities. You are solely responsible for adequate protection and backup of the data and equipment used in connection with any of the software linked to this website, and we will not be liable for any damages that you may suffer connection with downloading, installing, using, modifying or distributing such software. No advice or information, whether oral or written, obtained by you from us or from this website shall create any warranty for the software.

    • Announcements

    • Did You Know? You Can Use Custom Feeds (RSS) in Vibe 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

    • Slide Settings Update: Smarter 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

    • Available Now: 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

    • Coming Soon: New Look for System Settings

      Behind the scenes, our team has been busy building a new System Settings interface in the Portal. This refreshed design will make managing Vibe smoother, faster, and more intuitive. Over time, we’ll be migrating all administration features and settings