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
Hi, thanks for your answer. However, my question was specific to SVG files, not images in general. Could you please give any guidance for how to manage SVGs in Rise for optimal functionality and portability. Thanks!
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!
Hi, thanks. I got it and will play around with the SVGs. Is is really great that Rise support SVGs and I was just wondering if there are any specific recommendations regarding how to use them in the platform.
Thanks for reaching out, David! I also saw you submitted a support case and this is something our team has identified as a bug. We're looking into it now - but in the meantime, you'd need to use another image type to not see this behavior.
Do you have SVG images that won't zoom in Rise 360? If so, you'll need to edit your SVG image in a text editor, such as Notepad, and add width and height attributes to the opening <svg> tag. Then, save and close the file and reimport it into Rise 360.
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.
I've had great success with .svg in courses. However, recently transparency has been replaced by the theme color for course images which is creating lots of design issues. Has anybody else experienced the same thing? And do we have any idea on why this has suddenly become an issue in the past few weeks?
Hi Andy, I'm sorry to hear you're seeing issues with the transparency of your .svg files in Rise. I'd love to take a closer look! Would you mind sharing a copy of your .svg file here so I could test? It would also help if you could share a copy of the .svg file where you're seeing this issue. Thanks!
13 Replies
Hey there, Johan! I'm glad that you're making progress with Rise. Check out these best practices for adding media in Rise.
Let me know if you have any other questions!
Hi, thanks for your answer. However, my question was specific to SVG files, not images in general. Could you please give any guidance for how to manage SVGs in Rise for optimal functionality and portability. Thanks!
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!
Hi, thanks. I got it and will play around with the SVGs. Is is really great that Rise support SVGs and I was just wondering if there are any specific recommendations regarding how to use them in the platform.
I've just noticed that if I add an SVG to Rise and then click to enlarge the image it actually shrinks. Has anyone else noticed this?
Thanks for reaching out, David! I also saw you submitted a support case and this is something our team has identified as a bug. We're looking into it now - but in the meantime, you'd need to use another image type to not see this behavior.
yes, i have the same "problem"
Hi Remco,
Thanks for touching base. This is still an issue our team is investigating, but we'll let you know here as soon as we have an update to share.
Hello, everyone!
Do you have SVG images that won't zoom in Rise 360? If so, you'll need to edit your SVG image in a text editor, such as Notepad, and add width and height attributes to the opening <svg> tag. Then, save and close the file and reimport it into Rise 360.
Love using the .svg format. images are very crisp
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.
I've had great success with .svg in courses. However, recently transparency has been replaced by the theme color for course images which is creating lots of design issues. Has anybody else experienced the same thing? And do we have any idea on why this has suddenly become an issue in the past few weeks?
Hi Andy, I'm sorry to hear you're seeing issues with the transparency of your .svg files in Rise. I'd love to take a closer look! Would you mind sharing a copy of your .svg file here so I could test? It would also help if you could share a copy of the .svg file where you're seeing this issue. Thanks!