SVG export to Muse

Hi, I have problems exporting an simple icon vector from Illustrator CS5 to Muse. The export does well, but when I place the file in Muse I don't see the preview (only appears an empty frame), and usually when I save the file, it crashes.
Anybody can help? Thanks!

Hi,
Could you please try some suggestion given in the following threads,
SVG display problem win 7
SVG files not rendering in Muse
Do let me know if you have any question.

Similar Messages

Visual example of SVG bug in Muse

I don't know if any Adobe staff members have seen the comments from me or others about a new bug regarding how Muse imports SVG graphics. I thought I'd provide a visual example of what is happening.
In the example below I created a 500px wide by 100px tall layout within Illustrator CC containing some vector-based lettering.
I saved the .AI file and then exported a .SVG file, in 1.1 format.
When I place the exported SVG image within Muse I get the strange example below:
A white line 4 pixels tall has been added to the bottom of the graphic. The SVG goes from its original 500px X 100px size to 500px X 104px. I added the blue box in the background so the white line would show.
When previewed in Google Chrome the lettering looks like this:
The strange white line visible in Muse is no longer visible.

That video is informative, but that only tells users the various ways how SVG images can be placed into Muse layouts. I already know how to do that. The problem, which I illustrated above, has to do with how Muse displays SVG images once they are placed into a Muse layout. Muse adds a 4 pixel tall white line to the bottom of SVG images. The white line does not show up when previewing the layout withing a web browser like Google Chrome. But it does appear within layouts in Muse itself. Worse, the 4 pixels added create a headache when putting together some intricate designs.

Could I use graphics svg in Adobe Muse?

Hello, I'm looking for is it posible import graphics svg in Adobe Muse.
Thanks and regards

@Nathan – I'm relative new to Muse so bear with me…
I also tried using the width and height controls in Muse to resize after pasting in the SVG code. Didn't work as expected. Rotating the SVG was no problem, scaling was. Maybe there is something in the code I'm using from Illustrator, that is preventing this.
Here some SVG code from Illustrator that is defining width, height, viewBox etc.pp.:
<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="54px" height="50px" viewBox="0 0 54 50" enable-background="new 0 0 54 50" xml:space="preserve">
However, I looked up the SVG documentation at:
Coordinate Systems, Transformations and Units – SVG 1.1 (Second Edition)
and found some ways to scale the SVG. I'm not through with my testing, but it seems, that changing the viewBox parameters could be sufficient to scale the whole SVG graphic.
Or we could use the transform property to get scaling properly. If we enclose the pure graphic code with the g tag, we could use transform like this:
<svg>
<desc>Scales the element enclosed with g to 200% (uniform scaling in x and y)</desc>
<g transform="scale(2)">
<desc>Include the code for the graphic here</desc>
</g>
</svg>
For none-uniform scaling (x and y scaled differently) you could use a second argument in scale() :
<svg>
<desc>Scales the element enclosed with g to 250% in x direction and 300% in y direction</desc>
<g transform="scale(2.5 3)">
<desc>Include the code for the graphic here</desc>
</g>
</svg>
Also possible is the insertion of the title tag like this:
<svg>
<desc>Scales the element enclosed with g to 250% in x direction and 300% in y direction</desc>
<g transform="scale(2.5 3)">
<desc>Include the code for the graphic here</desc>
<title>This is my SVG graphic</title>
</g>
</svg>
So if you mouse over the graphic in the browser you'll get a tool tip what the graphic is about.
Uwe

Is it possible to export a Muse project as HTML to use locally inside a browser?

I am trrying to see if it possible to export a Muse project in the same way, for example, it is possible with Fireworks to export a PNG file with hotspots as HTML and Images.
I want to be able to look at the project hosted locally and still click on sections of the site, click on links within the site making it appear like a live web site, but locally in my machine.
Thank you!

Hello,
You can use File>Export as HTML option and it will export your website to a local folder.
Then you can open the index.html page in a web browser and it will give you experience of your site with all active links.
Hope this helps.
Regards,
Sachin

Variable color in SVG export

Hello,
we are in the process of designing a website for one of our customer, with the goal of making them self-sufficient in feeding the site with new products.
One of the feature requires producing custom SVG files which are then rendered to PNG (when the browser doesn't support it correctly, that is most of them including Firefox which doesn't like gradients yet), and the possibility of updating several of the item colors on the fly.
This requires identifying in the source file which colors must be flagged as say, "variablecolor1", "variablecolor2" and so on, with XML entities or some other means.
Think about online visualization of t-shirt color changes.
It's not actually scripting-specific, but nor windows or mac, and maybe there is a scripting solution to it.
Since our customer is using Illustrator to generate their catalog, we wanted to integrate as much as possible with their workflow. AI seems to generate usable SVG files, however, we would like to avoid having to write an error-prone post-processing engine (likely in php) the designer will have to run to assertain which color entries in the files are the one we want to modify. Note possibly another part of the drawing with the same color might not be part of what to change...
A possible option would be creating the SVG with a predefined color, like #0000fe for variablecolor1 or whichever, but they want to have it look with the chosen default colors when not yet changed. Having them produce two versions (one with correct colors and one with hardcoded values for us) seems error prone.
The other option, as said is to run the SVG code through some magic identifying the color values, list them and allow checking which are to change. However this is also possibly error prone.
With a co-worker we checked AI for quite some hours without much luck trying to find something that would allow us to directly flag those colors. The online manual had topics with interesting names but the descriptions weren't really helpful, so we had to test on his machine.
We found about variables in AI, but sadly it seems this doesn't concern colors at all. Text, data and some other things but no color.
Some other palette-swapping functions didn't seem to pass anything when exporting to SVG.
Also, we checked the various option in the SVG export dialog, one exports XML entities, which would seem interesting if it didn't export the whole style of the object, besides it doesn't concern gradients which stay with their hardcoded colors on the gradient stops in the XML code.
I find it odd that no such feature exists to allow variable or named colors in drawing...
Does anyone know about such feature, or think it's possible to script something to easily flag the current object in such a way the SVG export would retain this information ?

Oh, BTW, it technically is not a white background either. It is a transparent background. But the grid is hidden to make it easier to design. For new users this can be deceiving since almost any other app is a white background unless you see the grid like in photoshop. In Illustrator, to fill you are required to have an object.

I am not able to use the ftp export in Muse. When I enter my host, name and password, I get a long interlude of rainbow wheel and finally the message that my ftp host cannot be found. I have verified the name and that it is port 21. I can export to html a

I am not able to use the ftp export in Muse. When I enter my host, name and password, I get a long interlude of rainbow wheel and finally the message that my ftp host cannot be found. I have verified the name and that it is port 21. I can export to html and use another ftp client to upload (to the same server) but this is tedious and making minor changes is painful. Have you encountered this and found a solution?

Hi Susan,
In that case I will recommend that you consult a local technician/IT team and see if there is some network connectivity issue with your machine.
- Abhishek Maurya

Help with SVG Export

Hey all,
I am building a glyph font in Illustrator CS6. The problem here deals with a large number of assets, all of which need SVG exports at 32x32px (due to a strict grid definitions) for import and compiling purposes (assets need to be sequential in naming for accurate import and compile and maintenance as well). All of the AI export solutions I have seen require the SVGs to be on individual artboards or in separate layers in order to export.
Artboards are extremely limiting as AI has that infamous 100 artboard limit.
When it comes to the layers solution, as far as I can tell, there is no way via extensions or otherwise to take sublayers (grouped/compound paths intact; release to layers does not retain the compound paths) and turn them into top-level layers which can then, in turn, be exported as individual SVG's via this script modified by Tom Byrne.
At this point it seems like an entirely manual process. Does anyone have any ideas or suggestions? Am I missing something that could ease the production pain?
Regards,
Sean

You might want to look at Inkscape which is a freeware product and I believe that the output is SVG.

Can I export from Muse cc with out java script coding?

How can I export from Muse CC with out Java Script Coding?
I'm trying to create an custom email but email won't recognize Java Script, Only HTML.
How do I export my tample from Muse CC using only HTML coding?
Thanks in advance.

Hello,
It is not possible to selectively export only part of the code for the exported page(s). The pages that are exported, all the code for them is exported, and there's no way to export only the HTML and leave out the rest of it.
Cheers
Parikshit

How to export a muse websiite into Dreamweaver?

There are certain things I wan to add to my website that muse dose not offer. How do I export my muse sit to dream weaver?

Think twice before doing this. I don't recommend it. MU code is horrible to work with. And you won't like what you see in DW. More importantly, exported HTML from MU cannot be maintained in MU again.
If you want to add advanced web features to your site, re-build your site in DW.
Nancy O.

How do i send an html file exported from muse as email blast with images and live links?

My question it:
How do i send an html file exported from muse as email blast with images and live links?
I have designed a "website" in adobe muse and exported it as an html file. I am not sure how to send my .html file in an email!
Best,
Nicole

Unfortunately, the answer is, you don't. The requirements for HTML displayed in an e-mail reader are very different than those for HTML displayed in a browser. The output of Muse won't work as an HTML e-mail. You could upload the Muse site as a website and provide a link to it in an e-mail, but the HTML generated by Muse is not suitable for direct display by an e-mail program.

Is it possible to export a muse page as and individual html with associated css?

Is it possible to export a muse page as and individual html with associated css?

Yes, Muse has an Export as HTML feature.

Can i export my muse website into dreamweaver?

can i export my muse website into dreamweaver?

Not Ben this time, but this video explains how to Export Muse site to your local hard drive.
14. Adobe Muse Tutorial - Exporting to your local drive. on Vimeo
Once it's saved to your local HD, you need to open DW and define a local site. Go to Site > New Site > tell DW where your newly exported MU files are located on your HD. See screenshot.
Nancy O.

SVG export to Illustrator?!?!

Okay okay... is it just me or is it stupid not to have SVG export to open into Illustrator but not KEEP the new Weight tool's weights when exporting to Illustrator which by Adobe's OWN admission is the same EAXACT tool!?!?! Is it just me? REALLY!?!?!
Am I just doing it wrong? Is this possible or not? So much for a 'suite'.

Semi-ignore my previous answer - figured out another work around that involves converting your slices to artboards.
After you have made all of your slices, use the Slice Selection Tool to select your first slice. Go to Object > Artboards > Convert to Artboards. This should create a new artboard out of that slice. Do this for all of your slices.
After creating new artboards from your slices, go to File > Export... and select Flash (swf) from the dropdown menu. Make sure you check the "Use Artboards" option underneath the format menu.
This process should result in individual swf files of each of your slices, along with your original image. Hope this helps!

SVG export fails

Hi all,
We work on an AI file that functions as a master file for a icon library. The file is composed of several (roughly A4 sized) artboard that provide structure for the content. Each artboard contains a number of icons. In total there are about 200 icons.
We use 'Save for Web and Devices' for exporting the icons into SVG files. Our script transforms an alignment box (drawn under the actual icon shape) into a small artboard (typical size is 23x20 px) that is then exported into a SVG file. Intially this solution worked fine.
However, now as the number of items increase in the file (the file size is currently about 30MB) the SVG export started to fail. We get an error message saying: "failed to perform the operation, not enough memory". It seems that the size of the overall file has a factor even when we export only a tiny part of it. Deleting some drawings from the file cures the problem. Is this a bug? What can we do about it other than split the file?
.mika.

AI still parses all objects and that's what gets you. It simply assumes you would exceed a specific limit because of that. Nothing you can change and not strictly a bug. It's just not a suitable workflow in this case combined with AI's own croojedness.
Mylenium

SVG export / import

I've been trying to help a client to export its AI data for translation and we have tested the SVG export/import path.
1) AI (CS4) seems to not be able to open SVG files that it created itself.
-> What are the best SVG export settings that ensure AI is able to open/display/edit the processed files
2) After translation of the SVG (in OmegaT), the SVG file contains English instead of Japanese as we can see when opening the file in Chrome/Quicklook (Mac), but when AI opens the file only the original Japanese is displayed.
I've tried to check the contents of the SVG file with a text editor but the English was there and I could not find why the data was not displayed.
Does anybody have suggestions on this issue ?
Thank you in advance.
Jean-Christophe Helary

in the >>> file /save as /select svg>>> in svg options there's a preserve illustrator editing capabilities. note: file size increases.

SVG export to Muse

Similar Messages

Maybe you are looking for