Forum Discussion

RobbieChristian's avatar
RobbieChristian
Community Member
3 years ago

Pixelated High-res Images

I've been fiddling with this issue for days, and I need some fresh eyes on it:

The goal: insert a vector image into a slider thumb that needs to be much wider than the slide width. The slide dimensions need to be under 1000px.

The catch: sliders don't seem to accept any vector image format, at least the times I have tried when fighting with this.

The attempted solution: export Illustrator files as PNGs.

The problem: no matter the dimension, resolution, or quality of the PNG I export, the graphics are always pixelated.

More attempted solutions: I've tried very small dimensions (the width of the SL slide) and then expanded them to the width they need to be. I've tried making them approximately the pixel width they need to be in the file. I've tried exceedingly large dimensions, and everything in between. I've tried high res, low res, different aliasing settings, etc. 

The request: please help me figure out what I'm doing wrong. Ignore the pixelated character - she is simply a placeholder. Thank you for the help!

  • Hi Robbie, 

    Thanks for sharing your project files. I opened a support case on your behalf so we can have our support engineers take a look at them to see what's causing the pixelation. Someone will be in touch shortly! 

     

  • the maximal width for images seems to be 2048 pixel

    storyline resize every image on import to max 2048 pixel width (without an error message !!!)

    perhaps you should split your image in parts

    Update: search on google -> 2048 x 2048 seems the limit

    but the article is removed (why ?)

     

     

    • RobbieChristian's avatar
      RobbieChristian
      Community Member

      Thanks for the tip, Jürgen. Is there a way you know of that can have an image that has been split into parts and then used as the thumb for a slider? I don't know of any way to do this. I have no problem splicing images together on the screen, but I only see a way of uploading a single file as an image for a slider thumb.

  • I have just tried to inject bigger images into the .story file und on the publish it's the original width

    you have to expanded the .story file (it's a zip file)

    search your image, overwrite it with the original version

    and zip the files again and rename it to .story

    important: don't include the outer folder in the zip