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?
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.
I may be mistaken, but I don't think Gerry's link answers the question. Is a 400x440 pixel image that Storyline scales going to look just as clear as a 200x220 image. (I guess it's a technical question on how Storyline scales, etc.)
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.
Thanks Ashley! I knew that scaling an image up would cause resolution/clarity problems. I just wasn't aware that scaling a picture down would cause the same issues.
The reason I ask is that I wanted to use an image that was 200 x 120, and it seemed to work fine. I'm guessing that any height <= 220 should not cause any scaling.
Hello, I scaled down our logo to 200 pixels wide by 220 pixels in our template. However, when I create a new project based on the template, the logo just shows up as a blank white box (just as before I scaled it down). I have uploaded the files on your contact form. thanks!
Thanks for sending along the files - and I can see that it's been received by our Support Engineers so they'll be taking a look at it and will be in touch soon.
I have tried several sizes, including the recommended ones above. However, my logo will not fill the space. There is always a white border around the logo. Is there something I am overlooking?
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.
Ok I attached it. This one happens to be 442x183, but I have tried many different ratios, including the recommended one above. I'm working in Illustrator, and pretty sure I'm not adding any white space inadvertently.
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?
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!
38 Replies
Hi!
An image 200 pixels wide by 220 pixels high works best--if not Storyline will scale: http://community.articulate.com/tutorials/products/choosing-player-features.aspx
Thank you for the response Gerry!
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?
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.
Hi Leslie,
I may be mistaken, but I don't think Gerry's link answers the question. Is a 400x440 pixel image that Storyline scales going to look just as clear as a 200x220 image. (I guess it's a technical question on how Storyline scales, etc.)
Thanks,
Keith
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.
Thanks Ashley! I knew that scaling an image up would cause resolution/clarity problems. I just wasn't aware that scaling a picture down would cause the same issues.
No problem Keith, and please let us know if you need anything else.
Does the height really matter? It seems that the logo panel expands to whatever height you choose, but narrows/widens the width to 200.
The width is set based on the sidebar, so we do recommend a 200 x 220 image, or else Storyline will scale it to fit as detailed here.
I get the "200 x" part. I just don't get the "x 220" part. Why does it matter about the height?
oh wait, now that I read carefully the link - it is 200 maximum x 220 maximum.
Whoops - typo in my post too didn't help. Updated. :-)
The reason I ask is that I wanted to use an image that was 200 x 120, and it seemed to work fine. I'm guessing that any height <= 220 should not cause any scaling.
Right- smaller than that you may see some 'white space' around it - but otherwise the image itself shouldn't scale in terms of sizing or quality.
Hello, I scaled down our logo to 200 pixels wide by 220 pixels in our template. However, when I create a new project based on the template, the logo just shows up as a blank white box (just as before I scaled it down). I have uploaded the files on your contact form. thanks!
Hi Anne,
Thanks for sending along the files - and I can see that it's been received by our Support Engineers so they'll be taking a look at it and will be in touch soon.
Hello,
I have tried several sizes, including the recommended ones above. However, my logo will not fill the space. There is always a white border around the logo. Is there something I am overlooking?
Thanks!
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.
Ok I attached it. This one happens to be 442x183, but I have tried many different ratios, including the recommended one above. I'm working in Illustrator, and pretty sure I'm not adding any white space inadvertently.
Thanks for taking a look!
Hi Adam!
Thanks for sharing. I added your image to a new file and I'm seeing this behavior as well.
You can edit the player colors to change the background of the logo to match your picture.
There is also a similar discussion here that may be of assistance as well.
Awesome, that works!
Thanks!
Glad that will help you out Adam :) Thanks for the update.
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">
<options>
<option name="logo_url" value="story_content\5yAGMRPdRgt_DX248_DY455.swf">
<options />
<properties>
<property name="width" value="100" />
<property name="height" value="30" />
</properties>
</option>
</options>
<properties />
</option>
Secondly:
<logo assetguid="10e6ccbe-a5a3-4883-be17-43068ad1fc5b" AssetName="K:\mylogo.png">
<asset>(long string)</asset>
</logo>
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!