Adobe Muse allows you to use vector graphics, created using tools such as Adobe Illustrator, in your site design. Currently, Adobe Muse natively supports the Scalable Vector Graphics (SVG) format. You can use the SVG format to create logos, icons, background fills, browser fill, and more, and place them directly on the web page canvas within Adobe Muse.
Graphics saved as SVG format are light and resolution independent. Hence, such graphics can be scaled to any dimension without affecting the page-load time and appearance of your site. SVG files are also supported on HiDPI displays.
Since they are resolution independent, Adobe Muse treats SVG files the same way in both Standard and High-Resolution websites. SVG files are not downscaled to 50% of their size when placed on the web page canvas in Design view.
The following procedure is valid only if you use Adobe Muse 2015.1 or earlier versions.
If you are using Adobe Muse version 2015.1 or earlier, ensure that you've followed the steps outlined in Preparing SVG files for placing in Adobe Muse before you import and place an SVG file within Adobe Muse.
With the SVG file placed, you can continue designing your site. You can crop the SVG image using the crop tool, and resize the SVG image to suit your design needs.
Adobe Muse allows you to copy content from Adobe Illustrator on to the web page canvas. Copying content is useful when you do not want to save and use full contents of an artwork in your site design.
When you copy parts of an artwork, Illustrator converts the selection to SVG and places it on the clipboard for Adobe Muse to use. Adobe Muse treats the copied content as embedded SVG, and you can resize the graphic per your design needs.
When SVG files are added to background or browser fill, the image appears rasterized in Design view when the Fitting attribute is set to Scale to Fit or Scale to Fill. However, when previewed within Adobe Muse or on a Browser, the image is rendered as expected.
For Adobe Muse versions 2015.1 and later, you can add SVG images to slideshows. First drag and place a Thumbnails widget from the widget library. Then, select your vector images from your Creative Cloud Libraries, and place them in your slideshow.