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.
Before you import and place an SVG file within Adobe Muse, ensure that you've followed the steps outlined in Preparing SVG files for placing in Adobe Muse.
With the SVG file placed, you can continue designing your site. You cannot crop the SVG image using crop tool. However, you can resize it to suit your design needs.
You can link an imported SVG file to a raster image. You can also relink imported images to SVG files.
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.