38 Replies
Keith Kemsley

For those of us who didn't grow up in Photoshop/Illustrator, I have a question on this...

1) Is 400W x 440H going to be just a clear when published?

2) How about 1600W x 1760H?

3) What happens when you mess with the ratio? If I have a 2,198W x 1,312H logo, which I do, will that shrink down and be more "rectangular/horizontal" and look okay or will it be a problem?

Leslie McKerchie

Hi Keith! The link that Gerry shared above explains that:

For best results, use an image that is a maximum of 200 pixels wide and 220 pixels high. If your image doesn't fit within those dimensions, Storyline will scale it to fit.

Not knowing what your image 'looks' like makes it hard to determine if the scaling will allow it to look okay.  Due to normal company marketing restrictions, you will probably have to make that determination.

Ashley Terwilliger-Pollard

Hi Keith,

Any image that has to be scaled down may lose some overall clarity - but defining "looking ok" will depend on the image. If it's very detailed, making the image about half the size will lose the ability to see some of the detail. If it's a fairly simple design, I bet the user won't notice a difference in clarity. I personally like to test it out and go from there.

Ashley Terwilliger-Pollard

Hi Adam,

If you'd like to send the logo file along we're happy to take a look at it. Could there be additional space surrounding your logo that you're not seeing and that's how it's adding the additional white space? you can upload it here using the "Add Attachment button or if you'd like to share it with our Support engineers you can send it along here. 

Joe Boss

Hi there,

I appreciate this topic is about maximum sizes, but what about minimum sizes, too?

I'm finding that if the height is anything less than 100px, Storyline 2 is resizing the logo and trashing the quality.  This is with the width set to 200px wide. 

Can anyone shed any light?  Ideally I want a logo that is 30px high - Storyline seems to support this size, but trashes the image quality.

EDIT: This is bizarre.  I've changed the canvas size of my image to 200px wide x 30 height, and set the background colour to red.  Using SnagIT, the image shown is 200px x 30px, so it should be 1 for 1 mapping, but the quality has been trashed when it appears in Storyline.  If I repeat this test but set the height to 100px, all appears absolutely fine.  Almost as though it's resampling the image for the sake of it?


EDIT2: Is my image being converted into a SWF by Storyline 2?

If I export the player, I notice two things:

<option name="logo_enabled" value="true">
<option name="logo_url" value="story_content\5yAGMRPdRgt_DX248_DY455.swf">
<options />
<property name="width" value="100" />
<property name="height" value="30" />
<properties />


<logo assetguid="10e6ccbe-a5a3-4883-be17-43068ad1fc5b" AssetName="K:\mylogo.png">
<asset>(long string)</asset>


Ashley Terwilliger-Pollard

Hi Joe,

The smallest size you could put in would be 1x1 - but I'm not sure you would want to do it that small.  

Storyline will scale any logos that are bigger than the maximum to fit within the dimensions you indicated above. When you add a logo to your sidebar, Storyline will also include a border and slight shadow on it.  If you are using a smaller logo, you may still it look blurry in the player preview, but how does it appear within the whole course preview or the Storyline published output?  This is a much older example from Storyline but you can see a smaller logo fit, but it does leave a fair bit of white space based on the overall player width and height. 

If you're logo is not behaving as you'd expect, we’d be happy to take a look at your file. You’ll want to upload the .story file here (which is the file prior to publishing) and the logo image using the “ADD ATTACHMENT” button at the bottom of the forums reply window. If you’d prefer to not share in the public forums you’re always welcome to share with our Support Engineers here. They’re available 24/7 to assist!