Forum Discussion

SusanPlungis's avatar
SusanPlungis
Community Member
3 years ago

Rise 360: Reference document with graphic dimensions/aspect ratios/resolution

Question-Is there a support page on Articulate where you give us the best practices on dimensions/aspect ratios for graphics/headers/icons/etc. I often find large photos getting upscaled and pixelated. If this document doesn’t exists, it would be SUPER helpful to have. I mostly use a browser—although I know everything is responsive for mobile/tablet/etc.

Info to include: Dimensions for:

Headers, full screen images, text on image, quote avatars, all image and text options, gallery carousel/two/three/four column images, etc

3 Replies

  • ElyseGentile's avatar
    ElyseGentile
    Community Member

    Just wanted to hop on here...that best practices article is mildly helpful but it doesn't really get to the root of the question....what are the best dimensions to aim for when putting images into the pre-built image blocks in rise 360? Is there a resource that can provide this information? Through trial and error it seems like the centered image block does best with an image at 1280x720 pixels but what about the others?

    • KellyAuner's avatar
      KellyAuner
      Staff

      Hi ElyseGentile,

      You’re right, it can take some trial and error to land on the right dimensions. Would you be open to sharing a copy of your Rise course and the original image used in that block? That can help us give more targeted suggestions based on what you’re working with.

      You can share those here in the thread, or if you'd like to share privately, you can send them along to our Support Engineers here.

  • Hi Susan! Here is our support page on Best Practices for Images, Audio, and Video. It does not give the specific dimensions for the use of images, but it does have a lot of information on how you can get the most out of your high-quality media in Rise. If you're having trouble with large images getting pixelated, please check out the tip about the use of  _NOPROCESS_ in the same support page! Hope this helps you!