Create a visually compelling Storyline by following the steps below. We will cover how to add your brand logo and images to a module as well as how to resize and optimize them for different devices.

1. From any module that supports images, rollover to reveal the module controls. Then click the pencil icon to open module settings.

2. Click on "Logo" or the + sign to open the Media Library.

3. Upload an image to your Media Library or select one that you have already added. Doing this will automatically open the Photo Editor.

4. Use the + and - icons or drag the handle to zoom in and out of your image. The purple circle indicates the area of your logo that will be visible.

5. Toggle between the phone, tablet, and desktop views to preview how the image will look on different devices.

6. Select different options using the Image Cropper. Choose from a variety of aspect ratios and toggle from landscape to portrait. Quickly create unique crop settings for mobile, tablet and desktop.

7. Click "Save Preview" to add the logo to your Storyline.

8. Click "Background image" or the + sign to open the Media Library.

9. Upload or select your desired image.

10. As before, you can change how the image appears on different devices. You can save different orientations per device, so each screen size can show your image differently as you choose.

11. Drag the visible area (outlined in purple) to frame the image correctly.

12. Click "Save Preview" when you are ready to add it to your Storyline. This will save your settings for all devices sizes.

13. Use the device icons to preview how your Storyline will look on mobile, tablet, or desktop. Images will automatically adjust based on your settings.

You can also add gifs to your Storyline! Gifs can be resized in the Photo Editor as well.