Image Optimisation

Image Optimisation

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:

*Any 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.
If you use Photoshop, you can go to File > Save for Web & Device, and select the Presets to compress your image. Also try running saved images through an online compression tool to get the best compression possible.

Quality & Dimensions

Use the following as a guide for creating high quality optimised images.

  • Setup your artwork
    100%, RGB Colormode, jpg [or png (for transparency)
    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.
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). 

Guidelines



    • Related Articles

    • Poster (Pan & Scroll)

      Have you just been handed a portrait sized infographic that's been impeccably designed by your graphics team? Have you been emailed a handful of printable A4 pdf's that you need to get on Vibe immediately, but you don't have time to deconstruct the ...
    • Image Gallery (Full Screen)

      To utilise full-screen imagery, create images by following this guide:  Image Quality and Dimensions Create an image gallery Manage via web portal Create a new slide using the Image Gallery template In the slide editor > Attributes tab, select ...
    • Video Optimisation

      Please make sure the video should be less than 1 GB Benefits of video optimization This can reduce the size of video without compromising the quality of video. To convert any format of video to MP4 The format of your videos should be MP4 H.264 codec ...
    • Countdown

      Slide Ideas Countdown to your next event!  Conference start date Project deadline Date of office move Project launch Social club event So many options! Check out this quick video to get inspired: ​ Create your slide This slide is so simple to setup. ...
    • Training (Messages)

      Slide Inspo ​ ​ Template Data Tips Sheet Column Content Required Content Heading Any text YES Content Summary1 Any text YES Content Summary2 Any text. If you want to show multiple messages on the slide, you can separate them with a new line and a ...