{"id":2131,"date":"2020-04-26T08:42:03","date_gmt":"2020-04-26T08:42:03","guid":{"rendered":"https:\/\/www.vuepilot.com\/support\/?post_type=article&p=2131"},"modified":"2020-06-02T01:49:01","modified_gmt":"2020-06-02T01:49:01","slug":"how-to-display-images-on-signage-screens","status":"publish","type":"article","link":"https:\/\/www.vuepilot.com\/support\/article\/how-to-display-images-on-signage-screens\/","title":{"rendered":"How To Display Images On Signage Screens"},"content":{"rendered":"

Displaying images for branding, messaging, product info or just for\u00a0aesthetically please displays is a common use case for digital signage.<\/p>\n

There are a number of different ways to display images on your screens using VuePilot, we’ll cover some of the basic here.<\/p>\n

The Image App<\/h2>\n

The image app is a simple app for displaying images. Simply create the app from the apps section, select an image you wish to display and then assign the app to the rotations you want it to appear in and you’re done.<\/p>\n

Updating the image app will automatically update all the associated rotations.<\/p>\n

Using Image Search<\/h2>\n

Maybe it’s Christmas, Easter or New Years and you want to display some sort of festive imagery. We’ve made it easy to search for an image for any occasion.<\/p>\n

Simply click the “Image Search<\/strong>” button when creating the image app and you will be presented with a search box.\u00a0 Enter your search term and hit enter.<\/p>\n

Select any image you wish and the link to the image will be selected as the image URL<\/p>\n

 <\/p>\n

\"Displaying<\/a><\/p>\n

Searching For Images By Keyword<\/p>\n

\"Image<\/a><\/p>\n

Using Random Image & Keywords<\/h2>\n

Following on from the above example, it’s also possible to have a random image be selected based on a particular keyword. This makes for interesting and unique screens without having to manually choose what to display.<\/p>\n

Simply select\u00a0Random Image<\/strong>\u00a0from the image app input and enter in any keywords. Random images are updated every few seconds.<\/p>\n

\"Display<\/a><\/p>\n

Using Public Image URL<\/h2>\n

Display you own images using any public URL to an image hosted on your own website, S3 bucket, DropBox or blog, simply add the URL into the\u00a0Image URL\u00a0<\/strong>field when creating an Image app.<\/p>\n

Directly Adding URL In Rotation<\/h2>\n

It is also possible to simply add the URL to your image into the rotation list like any other website. This will display the image the same as it would if you entered the URL into your browser.<\/p>\n

Using Image App vs Directly Adding URL In Rotation<\/h2>\n

We would recommend creating an “image app<\/strong>” over entering the image URL directly into the rotation list like any other website as this makes it easier to update a number of rotations displaying the same image.<\/p>\n

Just simply update the app and all rotations that include this app will automatically update.<\/p>\n

Image apps display the images at\u00a0100% screen coverage<\/strong>\u00a0using CSS for a more seemless display.<\/p>\n

Using Local Files<\/h2>\n

It’s also possible to display images file directly from the local file system on the VuePilot machine by using\u00a0file:\/\/<\/a>\u00a0<\/strong>links. Whilst we don’t recommend this approach as it means the rotation will only be able to display, it is possible if you need it.<\/p>\n

Example<\/h2>\n

An example rotation showing<\/p>\n