Sizing Images
Before you upload your images into Beam, you need to set your design document's dimensions (if you're exporting graphics using design software) or resize your existing images to ensure they show correctly on your displays.
Review the layouts below to find the correct page dimensions to use (depending on which layout you're using).
Tip: To open a larger version of one of the images below (or any image), click on it; to close the image and return to this page, press the Escape key or select the X in the bottom right corner of the image.
Recommended Content Resolution for 1080p Landscape Displays
One (2560 × 1440)
.png "2(1).png")
Two (1280 × 1440, 1280 × 1440)
Two Stacked (2560 × 720, 2560 × 720)
Three-Right (1280 × 1440, 1280 × 720, 1280 × 720)
Three Stacked (2560 × 528, 2560 × 456, 2560 × 456)
Three Stacked with Header (2560 × 456, 2560 × 456, 2560 × 456)
Four (1280 × 720, 1280 × 720, 1280 × 720, 1280 × 720)
Four Panes B (1600 × 900, 295 × 900, 1600 × 155, 295 × 155(
Note
This layout shows a thick black bar between segments by design.
Ticker Standard( 1920 × 960, 1920 × 120)
Double Widescreen (32:9) (3840 × 1080)
Recommended Content Resolution for 1080p Portrait Displays
|
|
|---|---|
One (1440 × 2560) | Two (720 × 1280, 720 × 1280) |
|
|
Two Stacked (1420 × 1280, 1420 × 1280) | Three-Right (720 × 2560, 720 × 1280, 720 × 1280) |
|
|
Three-Stacked (1440 × 940, 1440 × 810, 1440 × 810) | Three-Stacked with Header (1440 × 940, 1440 × 810, 1440 × 810) |
|
|
Four (720 × 1280, 720 × 1280, 720 × 1280, 720 × 1280) | Ticker Standard (1440 × 2440, 1440 × 120) |
.png "1(1).png")
.png "2(2).png")
.png "3(1).png")
.png "4(1).png")
.png "5(1).png")
.png "6(1).png")
.png "7(1).png")
.png "8(1).png")
Resizing Images Using Online Tools
While design software like Adobe Photoshop, GIMP, or CoreIDRAW can be used to resize images, we provide an example using an online tool for convenience. Here’s a guide to using an online image resizer:
Select an Online Tool: Visit a reliable website such as Webresizer.com
Upload Your Image: Upload the image you want to resize from your computer to the drag-and-drop area.
(1).png "Screenshot 2024-05-15 at 10.55.45 AM (2)(1).png")
Once you have uploaded the image, click on the resize button.
Set the Dimensions:
Input the desired width and height in pixels.
Ensure the aspect ratio is unlocked for the image to fit according to the dimensions.
Download the Resized Image: Save the resized image to your computer.
Verify Quality: Check the image quality by testing it out on the displays to ensure it meets your requirements for Skykit Beam.
Next Steps
Now that your images are sized correctly, learn how to upload them into Beam.