--- title: "Sizing Images for Skykit Beam" slug: "sizing-images" description: "Learn how to size your images to ensure they show correctly on your displays." tags: ["images", "Skykit Beam"] updated: 2026-04-29T20:52:05Z published: 2026-04-29T20:52:05Z canonical: "support.skykit.com/sizing-images" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.skykit.com/llms.txt > Use this file to discover all available pages before exploring further. # Sizing Images for Skykit Beam ## **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 ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/1.png) One (2560 × 1440) ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/2(1).png) Two (1280 × 1440, 1280 × 1440) ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/3.png) Two Stacked (2560 × 720, 2560 × 720) ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/4.png) Three-Right (1280 × 1440, 1280 × 720, 1280 × 720) ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/5.png) Three Stacked (2560 × 528, 2560 × 456, 2560 × 456) ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/6.png) Three Stacked with Header (2560 × 456, 2560 × 456, 2560 × 456) ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/7.png) Four (1280 × 720, 1280 × 720, 1280 × 720, 1280 × 720) ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/8.png) Four Panes B (1600 × 900, 295 × 900, 1600 × 155, 295 × 155( > [!NOTE] > Note > > This layout shows a thick black bar between segments by design. ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/9.png) Ticker Standard( 1920 × 960, 1920 × 120) ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/3840 x 1080.png) Double Widescreen (32:9) (3840 × 1080) ## Recommended Content Resolution for 1080p Portrait Displays | ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/1(1).png) | ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/2(2).png) | | --- | --- | | One (1440 × 2560) | Two (720 × 1280., 720 × 1280) | | ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/3(1).png) | ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/4(1).png) | | Two Stacked (1420 × 1280, 1420 × 1280) | Three-Right (720 × 2560, 720 × 1280, 720 × 1280) | | ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/5(1).png) | ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/6(1).png) | | Three-Stacked (1440 × 940, 1440 × 810, 1440 × 810) | Three-Stacked with Header (1440 × 940, 1440 × 810, 1440 × 810) | | ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/7(1).png) | ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/8(1).png) | | Four (720 × 1280, 720 × 1280, 720 × 1280, 720 × 1280) | Ticker Standard (1440 × 2440, 1440 × 120) | ## **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: 1. Select an Online Tool: Visit a reliable website such as [Webresizer.com](http://Webresizer.com) 2. Upload Your Image: Upload the image you want to resize from your computer to the drag-and-drop area. ![](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/Screenshot 2024-05-15 at 10.55.45 AM (2)(1).png) 3. Once you have uploaded the image, click on the resize button. ![Image optimization results showing original and optimized sizes with download options.](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/Screenshot 2026-04-29 at 2.57.14 PM.png) 4. Set the Dimensions: 1. Input the desired width and height in pixels. 2. Ensure the aspect ratio is unlocked for the image to fit according to the dimensions. ![Image showing options to resize, rotate, flip, and crop an image with dimensions.](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/Screenshot 2026-04-29 at 2.57.31 PM.png) 5. Download the Resized Image: Save the resized image to your computer. 6. 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](/v1/docs/uploading-images-into-skykit-beam).