Are you experiencing slow page load times? Your media files are probably the culprits.
Images and videos should be optimized before uploading to TelemetryTV to help avoid page lagging.
The two most common resolutions of display screens today are 1920 x 1080 pixels (1080P) and 3840 x 2160 pixels (4K), measured in width x height format. If your image's dimensions are outside the bounds of the resolution of your screen, resizing them will maintain the image quality and help your pages load faster.
For this article, we will refer to the 1080P resolution. If you are using a 4K screen, simply replace the 1080P values with 4K!
💡Pro tip: Learn more about screen resolution here.
Here's some quick instructions for optimizing images:
1. Before uploading an image to your TelemetryTV media repository, check the image dimensions. If both the width and height are greater than 1920p and 1080p respectively, you should resize the image.
2. Depending on the image's orientation (vertical, horizontal, or square) and how you plan to display it on your screen, adjust either the width or the height. The other value should update to maintain the image's proportion. The diagram below shows different orientations with the value we recommend changing.
3. Change image resolution to 72 pixels per inch (web standard).
4. Upload to your media repository on the TelemetryTV app. It's ready to share with your audience!
Need more clarification? Let's go through an example:
You've got a beautiful photo you'd like to add to a playlist or board. First, you open it on your computer. Navigate to the Adjust Size/Resize Image menu. Here, you should see the width and height of your image.
💡Pro tip: The "Adjust Size" function is found in different places on MacOS, Windows, ChromeOS, etc. Search "Resize image + your operating system" for instructions on where to find it!
Looks like your image is quite large; 4164 x 2759 pixels. Since this image is horizontally oriented, you'll resize it by changing the width to 1920 pixels. Ensure you scale proportionally. We will also adjust the resolution to 72 ppi, the standard for web. Now, your dimensions look like this:
This image was adjusted from 3.1MB to 917KB (less than one-third of the original size!).** It's ready to upload to your media repository and share with your audience.
💡Pro tip: It's OK if the width is greater than 1920p or the height is greater than 1080p after adjusting. The goal is to get the image as close as possible to this resolution while maintaining the proportion. You may fill the screen with the image and some may spill out of the frame, so consider how you plan to position the image on your board/in your playlist when resizing.