BrianWoodTraining.com-This video is part of a class on How Design University (www.howdesignun.... In this video I'll show you how to create the SVG as an image from Illustrator CC, and show how to optimize it.
Very informative video. I have a question that I was hoping you could answer for me. I've never had this issue in the past while saving in the SVG format, but now, suddenly, when I go to reopen a file that I have saved in the SVG format, I get a screen prompt that says "This is an invalid file, please validate before opening". I have NO clue what that means. I'm seeing this after a Time Machine revert and am wondering if there is a setting that also changed? Any assist would be awesome, as I use the SVG format quite often for importing into embroidery software for stitch assignment. Thanks in advance.
Hi, great tut. I've got a question for you. I'm trying to make a simple logo using only text, but want to save it as an svg file. As simple as this sounds, I'm running into a problem I cannot seem to figure out. Let's say I'm in Illustrator and I make a new document that is 200 x 30 px. I type in a word such as "Super Dooper". The words take up most of the document size. I save the file as an svg doc, and then I import it into my html file using (e.g., ). The content always renders missing the last few characters; for instance, it will read Super Doo. Now I can increase with width of the div tag the img files sits in. No change. I can reduce the width in the svg file. No change. Nothing I seem to do will give me those last few characters? Have you run into this before? Thanks in advance.
The video was interesting. However, when I upload my svg file to the website, it changes the font and where the words are located completely. I tried making my words as images but the same thing happened. Do you have any tips?
0:39 It's not because it's "code". Any other format is made out of code as well - binary code. What's special about SVG is that its code is turned into equations. So, if you happen to change one of the values in an equation - the SVG would change and scale appropriately.
Hello i need some help: I have a logo and im watching it with my rgb1998 profile, then i export as SVG I can see the colors have changed, looks a little bit darker and more saturated colors. Kind of the effect that you get when use a CMYK profile, but it supposed to be for web isn´t it ? how can i hold my original colors?
Is there some sort of trick I'm missing to reduce the overall file size of the SVG? A test logo I created with two circles, two lines, and a handful of text (converted to outlines) still tops out at 35kb - trying to get it under 15kb. Optimizing websites don't seem to make much of a difference and I've gone through all the SVG variations/options to reduce size.
My SVG is outputing a PNG. The edges do not look crisp, but fuzzy. I made a google spinner loader where the tail fades into a transparency. Is Illustrator outputting a PNG because SVG can't handle transparencies very well? Google does it. Got to be a way. Brian, are any other tools out there to solve this?
+Ryan Johnson Hi Ryan - that's definitely odd. SVG can handle transparency pretty well. Exactly how are you saving the file as SVG? Take me briefly through the steps if you don't mind.
I followed these steps and then saved it out as a SVG ( tested with a number of output settings) and Illustrator kept saving out a PNG. I also tried converting the path to outlines, and also tried cleaning it up as well before saving it out as a SVG again, but nothing seemed to help. Any ideas or suggestions? graphicdesign.stackexchange.com/questions/35074/how-do-you-make-an-android-loading-icon-in-illustrator/63400#63400
