SVG

Hi, I have found that svg images works with Rise!

I will use them in:
a) Block library/IMAGE/Image & text ( svg icon etc)

and

b) Block library/Gallery/Carousel (text based svg images)

I wonder if you have any guidelines for how to save an svg in Illustrator for optimal use in Rise or other tips for how to use svgs in Rise, like recommended image sizes for a) and b) above

Thanks in advance!

11 Replies
Ashley Terwilliger

Hi Johan,

There aren't recommended image sizes as Rise will scale and crop an image to fit within the responsive design. I'd look at exporting your images at the desired size/resolution you'd want and the highest quality possible. 

If you run into any issues with images, we'd love to take a look and help out! 

David Tait

A handy hint I can offer is to convert any text to outlines in the asset export settings for SVG in Adobe Illustrator. This will ensure you fonts display as intended. Without this setting, I've had issues where the end user doesn't have the correct font and it has been substituted for something else, completely ruining the design.

Another thing I've noticed is that SVGs are a bit problematic if you try to use them in a labelled graphic, as for some reason the markers you place in edit mode, don't stay in the correct positions when you preview/publsuh a Rise course.