Question about Scalable Vector Graphics; a family of specifications of an XML-based file format for describing two-dimensional vector graphics, both static and dynamic (i.e. interactive or animated). Ask anything related to designing graphics for the SVG format.

learn more… | top users | synonyms

3
votes
2answers
655 views

Why do EPS (vector) file formats require a specified resolution?

SVG is also a vector graphics file format but I've never been requested for resolution choice when using Matlab or Inkscape. EPS however has these options. Why? If both are vector graphics formats, ...
3
votes
1answer
4k views

How to create Android PNG Icons from an SVG using GIMP

I'm pretty much a graphics design noob, as you can tell by this very basic question. What I am trying to achieve is to create a set of Android icons from an SVG file that I have. In case you didn't ...
3
votes
3answers
2k views

Quality Loss When Scaling down SVG's

I'm having a hard time trying to find the best way to produce an SVG that maintains it's quality through scaling. The actual size of the image is the medium one which is pixel-perfect in Illustrator. ...
3
votes
1answer
3k views

Export a single object in Illustrator without the other objects to SVG code

So I am pretty much desperate by now. I am a web developer and -designer, but I don't use Illustrator. I just don't need it at all. The file that I got from the graphic designer contains two ...
3
votes
1answer
2k views

how do I import a vector path from Inkscape into Gimp?

I'd like to take an SVG clipart, pull out particular paths from it, and bring them into Gimp and use them to create selections and/or to stroke. Nothing I've tried seems to work -- even though Gimp ...
3
votes
1answer
2k views

Is there a way to preview SVG files in Adobe Bridge?

I am not able to preview SVG files in Adobe Bridge since CS2 version. Has Adobe removed this feature or am I missing something? I'm using both Windows and Mac, version CC and CS6.
3
votes
2answers
1k views

Animate Drawing of SVG Text

I've had some background mostly in pixel-based graphics and web design. However, I've never came across SVGs. A Google search for this problem convinced me that the answer might be to use SVG for the ...
3
votes
2answers
1k views

How to correctly using potrace (CLI) to trace bitmap

I was trying to vectorize a .png. I found a utility (which is incorporated into InkScape), the potrace. If any of you knows how to use potrace, kindly teach me the right way to get sharp output. ...
3
votes
1answer
317 views

Is there any way to set fallback font-families in Illustrator SVG?

I'm trying to set up an action that creates versatile text-containing SVG files which can be used in various places including Wikimedia Commons. The only problem is, Wikimedia Commons only supports a ...
3
votes
1answer
380 views

How can I create paths with accurate border-radii

So I'm getting a little confused with radii in Inkscape. For quite a while I thought that this: was the same as this: ... But it turns out that overlaying them on top of one another reveals that ...
3
votes
1answer
907 views

How does Inkscape decide whether to use flowRoot or text?

The program for which I'm creating svg doesn't display text that I create in Inkscape where Inkscape saves the text as flowRoot. When does Inkscape choose to use svg:flowRoot? Is there a way to tell ...
3
votes
1answer
2k views

Specify CSS class names on SVG paths using Illustrator

Is there a way to edit SVG files in Illustrator where you can specify a CSS class for each path? I already know in Illustrator that if you give the layer name an actual name, Illustrator will use ...
3
votes
1answer
167 views

Quality of text in PDF and SVG

I'm converting pdf files to svg as it is easier to use svg files on webpages. I first thought the quality of svg must be similar to pdf, as they are both vector graphics. However, now I look a ...
3
votes
1answer
829 views

How to split an SVG file with dozens of g elements into dozens of SVG files?

I have an SVG file that has, say, 10 g elements that do not start at (0,0). For example: <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.1, SVG Export Plug-In . ...
3
votes
1answer
123 views

Illustrator CC 2014 - SVG coordinates keep shifting position

I'm using Illustrator CC 2014 to create a sprite sheet for use on the web. The artboard and icons are 16px wide. My problem is, the positions of the icons seem to shift, and I can't figure out why. ...
3
votes
3answers
3k views

Export SVG function in Fireworks only creates outline

There's a pretty big problem I'm having with Aaron Bealle's Export to SVG script in Fireworks: So I have a path in Fireworks that I created from a marquee selection (which came from the magic wand, ...
2
votes
3answers
770 views

License that allows me completely free commercial usage of images

PROBLEM: I need free images for my application. They are intended for controls ( main window / buttons / treeview icons ... ). MY EFFORTS TO SOLVE THE PROBLEM: Searching through Internet, I was ...
2
votes
3answers
323 views

Separating one element of an Svg file into multiple elements with Inkscape

I want to edit an svg from wikimedia commons that shows the human arteries to highlite a specific artery in a specific color. Unfortunately multiple arteries in that svg are represented by the same ...
2
votes
2answers
618 views

How to create a vector curve programmatically?

I want to create a vector curve that is symmetric in the top and the bottom. For example, in this baseball icon (How to draw a baseball in Pixelmator?), if I try to write the vector as suggested by ...
2
votes
2answers
3k views

How to create a 3D effect in Inkscape as required by the Android Design Guidelines?

In the Iconography section if the Android Design Guide they describe the following style that should be used for Launcher Icons: Use a distinct silhouette. Three-dimensional, front view, ...
2
votes
2answers
9k views

How to convert an Illustrator EPS to SVG and keep alpha channels and transparency modes?

I have an Illustrator EPS file which has a number of shapes that are set to multiply and overlay modes. I am also using a number of masks. Is there a way to export this art in SVG format and keep all ...
2
votes
4answers
5k views

Using inkscape to convert scanned color drawings to svg — recommended or no?

I'm an ebook publisher trying to include 10 color illustrations inside an ebook. It's not a fixed layout ebook but a reflowable ebook (i.e., an epub). Graphic example here: ...
2
votes
2answers
187 views

SVG looking bad in small resolution?

I've cretaed a SVG image trying to solve the quality problem when re-sizing the element or scaling it through CSS. To my surprise, my SVG image looks even worse than the reduced size of the GIF or ...
2
votes
2answers
602 views

How does pixel hinting work?

In this question, a user asks how he can create a vector image that scales down smoothly. Pixel hinting is the solution: Anti aliasing treats every edge like a nail, smashing and smoothing ...
2
votes
1answer
2k views

Illustrator exporting SVG, viewbox doesn't match artboard size?

I'm attempting to output an SVG from Illustrator. My artboard is 256x256 pixels. The top left of the artboard is at 0,0. When I export my svg, the viewbox attribute is 0.5 792.5 256 256. Why isn't it ...
2
votes
1answer
139 views

What is the best practice for laying out and exporting custom icons from AI?

I'm working on creating completely custom icons with AI and essentially exporting them out as an individual svg icons to be used in our app development. I have been experimenting with different ways ...
2
votes
3answers
3k views

Cropping SVG files

How do I crop SVG files I created used MarvinSketch? Now I realise there are a few answers to this question like this one Getting rid of Whitespace in Inkscape but I've done that and it didn't work as ...
2
votes
1answer
1k views

Can I globally change colors in an SVG using illustrator?

I have an SVG graphic in illustrator. I want to replace colors, everywhere in the illustration, with different ones. Could I operate the color swatch to make the change? I'm looking for a global ...
2
votes
3answers
7k views

“Select by color” and “draw path from selection” in Inkscape?

I imported an image to Inkscape. Now I'd like to select all those regions that have the same (or to a certain degree similar) color. From this selection I'd like to draw a path (to which I can add a ...
2
votes
5answers
5k views

How do I use an SVG “icon font” within Illustrator?

Trello uses an icon font and I'd like to figure out how to bring in some of the glyphs into an Illustrator project. Admittedly, this is going a bit backwards (usually you want to import Illustrator ...
2
votes
1answer
54 views

Is there anyway to revers the anchors order in any path?

Is there anyway to revers the anchors order in any path? I don't want to redraw the path again. I want to change the starting anchor point from the starting point of any path to its end. reversing the ...
2
votes
1answer
300 views

Pattern filled background is not exporting to SVG

I am trying to draw some electromechanic components in SVG format files. In the example below, you can see the symbol for one of these components in which I have filled the squares with a linear ...
2
votes
1answer
281 views

Can I get Illustrator to save an SVG and retain a transparent stroke?

Below is an icon comprised of two images. The top image has a 1px transparent stroke "knocking out" the layer below. This is fine as an .ai file. However when I save as .svg the stroke has ...
2
votes
1answer
7k views

How to get <path> for SVG with Illustrator CS4

I'm trying to get the <path> data for an SVG file I'm creating with Illustrator CS4. It needs to look something like this, where I'm interested in retrieving the numbers inside the d ...
2
votes
2answers
325 views

Add imperfections to vector graphics / drawings

I'm looking for creative ways to add imperfections or flaws to my vector graphics in order to make them appear more like hand drawn sketches. I'm working with Inkscape so tips that work here are very ...
2
votes
1answer
353 views

Creating underlines in callygraphy style

I am not very familiar with graphic illustration. I want to create some underline samples like in this example, maybe a little more understated: I have no Photoshop and I can't find any good ...
2
votes
2answers
7k views

Opening Inkscape SVG in Illustrator, not looking right

I'm new to graphics, and had to make a small poster for a competition. I created it in Inkscape, but found out they need a .ai file. I tried opening the SVG in Illustrator, and it just does not look ...
2
votes
3answers
1k views

export multiple Inkscape SVG files to multiple PDF files

I have a number of svg files created in Inkscape. I would like to know if there is an utility where I can export all the svg files into multiple pdf/png files. I have around 150 such svg files. The ...
2
votes
2answers
174 views

Does SVG supports complex logos?

I have created a complex 3d style logo with transparency and other effects in adobe illustrator and later save as SVG file format. However, due to complexity of the logo illustrator or SVG failed to ...
2
votes
1answer
747 views

Copy, paste, move colored squares - but keep them aligned to the grid

I am developing a word game for iOS and would like to use an SVG file as the gaming board. The SVG file (author: Denelson83, Wikimedia Commons) is almost perfect for my game - except for displaced ...
2
votes
2answers
354 views

Happy birthday, Mac. How to achieve canvas logo animation like this one?

How was this animation created? Can someone give an example how to create animation like this one? Is it possible to achieve animation like this one using canvas and logo in .svg format? Is this ...
2
votes
4answers
2k views

How can I create SVG clipping masks?

I want to take a circle that has a blue border and a picture inside, and clip the picture so it fits inside the circle nicely. I'd prefer to use very small files, perhaps cut down in sprites. Once I ...
2
votes
1answer
822 views

Why is my text messed up when converting a PDF to SVG?

I'm trying to convert a PDF to a vector image so that I can display it online. When I convert it to SVG, it doesn't convert the font glyphs correctly. When I convert to SWF, it is perfect, but I would ...
2
votes
1answer
229 views

Why do icons of the elementary icon theme have an “extra” path?

Lubuntu, a flavor of Ubuntu, ships with a few icon themes including elementary. Since many of the icons are .svg files, it's somewhat easy to make minor tweaks to suit one's visual preferences. While ...
2
votes
1answer
83 views

SVG coding envornment

I'm starting to learn SVG graphics coding, but I'm looking for something with a WYSIWYG kind of thing. Does such a thing exist? And what would you advise me to make the learning process faster?
2
votes
2answers
927 views

How to add “move to” commands to an Adobe Illustrator path

So when you export an Adobe Illustrator file to SVG format, paths are encoded using the SVG path syntax. If you look at the <path data> element, it's possible to have moveto commands embedded ...
2
votes
1answer
63 views

Generate/Extract for Illustrator?

Is there a way (plugin, add-on, etc) to export assets from Illustrator the way one does with Photoshop Generate? I'm finding myself spending a lot of time meticulously separating everything into many ...
2
votes
1answer
246 views

What's the best approach when designing website/app UI icons in Photoshop?

As the title says, I would like to know what's best to approach when inserting/using an icon when designing website/app UI. Should I insert it as a “smart object”, font-based icon, or vector mask? ...
2
votes
1answer
240 views

Save a SVG of JUST what is showing

I have to admit that I'm a newbie to Illustrator. (Bezier curves I've never got!) I have a design that I'm preparing for laser cutting and it needs it in EPS/SVG. I see the Save as SVG option but its ...
2
votes
2answers
589 views

How can I outline (LaTeX) text in Inkscape?

This is a difficult question to google, as the term "outline" does not mean the same in Inkscape as it does in, e.g., Powerpoint. However, Powerpoint does not support Latex. How can I outline a ...