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

0
votes
1answer
90 views

Website to apply some visual style to a vector image (SVG, etc)

Question: If I have a vector path (let's say it's an SVG), what's a website I can send it to and get various "styles" in return? What I mean by "style" is just: change the colors of the vector paths ...
-1
votes
0answers
30 views

SVG in safari mobile browser not displayed

i am struggling with a really weird problem. I have an SVG which is being displayed on every desktop browser without problems. Only in the mobile version of Safari for example on an iPhone its ...
4
votes
1answer
258 views

Why are some svg filters automatically converted to .png?

I was wondering why some of the SVG Filters found in Illustrator are automatically converted to .png when I export the entire file to .svg. I don't want any hidden .png files because of scalability. ...
0
votes
0answers
22 views

SVG Morphing Guide - Morphing between two SVG icons [closed]

I love to make .svg iconsets and recently i saw the great SVG morphs being implemented by Google. I would like to learn about how to morph svg images. Especially morphing between two pre-made svg ...
0
votes
1answer
68 views

Create SVG circle with 6 segments

What would be the most efficient/concise way to create a SVG file with 6 segments? I'd like to create the SVG by hand and not pre-calculate the points with some kind of software - if possible. I ...
0
votes
1answer
52 views

SVG font units-per-em to mm

In an application I'm writing, I need to take a glyph's path from an SVG font and scale it to a particular size, which is specified in millimetres. I take the 'd' path property from the SVG font, ...
6
votes
0answers
592 views

Illustrator CS6 Data Variables XML Parser Error

So I have to generate flyers for 10 different laptops (and more in the future). I decided to set up variables. I've created an XML Map for MS-Excel which allows me to save the 'XML Data' type file. I ...
1
vote
1answer
32 views

Blank border when importing eps files

I'm really new using illustrator (to be honnest, it's only been two days). When I try to open eps files, there is a big blank border appearing around the image I've opened. I really don't know if ...
5
votes
1answer
86 views

Batch trace JPG to SVG

I have thousands of JPG graphics and want to trace them automatically to vector SVG files with a batch function in Adobe Illustrator CS4/CS5. All graphics looks something like that: My problem is, ...
4
votes
1answer
186 views

How can I reduce the aliasing that occurs around my custom icon web font when it is scaled?

I am trying to make my own icons and embed them in a custom Web font. For that, I'm using Illustrator & Icomoon. I design the icons in a 14x14px square, then I create my Web font using Icomoon ...
1
vote
1answer
46 views

Exporting from Illustrator causes a weird path effect

When I use the image trace feature in Illustrator I'm able to create a pretty high quality vector of an image. However, when I export it as an .svg file the paths aren't "just right" and it causes you ...
0
votes
1answer
49 views

How to clone objects in Inkscape so that ctrl-D will show the original object?

I am editing a game board for a word game, based on a "CC BY SA"-licensed SVG file by Denelson83: When I click at a colored square and then press ctrl+D I can see the original colored square - as ...
0
votes
2answers
93 views

How do I design Photoshop, then go back into illustrator to make some of the icons SVG?

I'm used to making sprites – but read that SVG is the way to go. I'm creating a mockup for client and would like to show the custom icons made in Photoshop and now need to bring them back into ...
2
votes
2answers
2k 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
3answers
2k views

Change viewbox attribute in svg exported by illustrator

I have a SVG file with viewBox="-155.7 -99 510 510". I believe this offset the paths in Mac OS X preview by -155.7 -99. when I open the SVG in Illustrator, the paths are not offset at all. how do I ...
0
votes
0answers
17 views

Is it possible to export paths from illustrator as a URI?

This questions is slightly leaning towards web design, but I think it is more relevant here. I was wondering, do any plugins or techniques exist for exporting the file as SVG, and then without leaving ...
0
votes
1answer
39 views

Predefined SVG paths for character forms

In order to avoid to align more than 100 circles manually I'd like to automatically align them on a path which has the form of a character. Can I find predefined paths somewhere for those characters? ...
1
vote
1answer
34 views

How to export to SVG from Illustrator using Artboards

I am designing some icons. To keep the proportions correct, I designed all the glyphs in one artboard. Now, I want to experiment a little with SVG icons, so I want to export these icons to different ...
8
votes
2answers
6k views

Exporting an object as svg from inkscape

I know that Inkscape does not have the ability to export selected objects as svg, but is there a workaround that people have found that works?
0
votes
1answer
100 views

TTF character to vector

I'm trying to use a single character from the font Killigrew as a symbol in .svg or .jpg format on my website. However, the .ttf file is formatted incorrectly, so any image program I try to insert ...
5
votes
2answers
468 views

Is it possible to convert PostScript to SVG? (Inkscape)

Is it possible to convert a PostScript file to SVG? Based on an answer in Tex.SE, I tried to use inkscape: inkscape test.ps --export-inkscape-svg=test.svg This indeed produced an SVG file, but ...
4
votes
1answer
539 views

How to fit svg drawings to their canvas on the command line?

Cropping .svg files on the command line is simple: $ inkscape --verb=FitCanvasToDrawing --verb=FileSave --verb=FileClose *.svg I need to do the opposite. I want to fit the drawing into a 64 x 64 ...
0
votes
2answers
245 views

Adobe Illustrator Save For Web SVG becomes empty

Windows 7, AI CS5 I have several artboards with different versions of a logo on them that I'm trying to save as an .svg file. ctrl+shift+alt+s to save for web. Active artboard's logo shows up in ...
5
votes
1answer
419 views

Importing SVG into Illustrator with proper viewBox size

When I try to open an svg file with Illustrator, Illustrator defaults to whatever artboard size was last used when a file was open. As such, the svg, if not the same size as the previous artboard, is ...
3
votes
1answer
51 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 ...
2
votes
3answers
2k 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 ...
3
votes
1answer
798 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.
2
votes
3answers
118 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 ...
0
votes
1answer
100 views

Converting SVG to EMF without loss of data

I have downloaded several SVG files and need to convert them to EMF format ( Enhanced Meta File ). I have used Inkscape's Save as to save it as .emf but loss of data occurred ( I was warned by ...
0
votes
2answers
82 views

Vector Infographic - Why does it render differently in the web browser?

I made an infographic in Adobe Illustrator, and saved it as a .svg file. But then when I tried to open it in the Google Chrome browser, some of the fonts and some italicized fonts were not even ...
3
votes
3answers
51 views

How to exclude hidden shapes when saving to SVG

Im trying to save icons out to SVG format, one at a time, but from one document. what i mean is, i have all my icons laid out in one document, and once i am ready to save them, i will move the icon i ...
3
votes
1answer
205 views

Why does Illustrator struggle editing SVGs?

I really enjoy editing vector graphics. Typically I use Inkscape for editing vectors because Illustrator seems to throw so many errors when reading the files. I understand that an SVG is basically ...
1
vote
2answers
217 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 ...
1
vote
0answers
103 views

SVG files render differently in browsers - typography

I have a problem with svg backgrounds that render differently in browsers.In Chrome the letters are correctly gill sans light and two words are bold. That's not the case in Firefox. How do I fix this, ...
4
votes
3answers
229 views

Import vector data into illustrator

I have a program that generates thousands of vector points (just coordinates), the format is not fixed, but it could be something like this: (2.4785|77.01) (78.8|9.88) (45.33|0.2) I am able to ...
1
vote
1answer
83 views

Why does Illustrator CS6 read font information from a SVG file incorrectly?

I have a bunch of SVG files that were created by MagicDraw. In these files, I have several font definitions, e.g., <text x="152" space="preserve" font-size="11" y="376.958" ...
1
vote
0answers
172 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 ...
0
votes
0answers
84 views

Problems exporting SVGs from Sketch 3

I go to export assets from Sketch as SVG files. I have a few problems... If I select the assets and it automatically slices it, I then save out the SVG file and it gets cut off. circle icon example ...
1
vote
2answers
88 views

Illustrator save as SVG: losing character tracking information

I'm trying to save two different versions of a certain SVG using Illustrator. The sole difference between the two versions is that a certain text element's tracking attribute was set. It seems ...
1
vote
1answer
38 views

Inkscape unable to add the same stroke width to all paths

Hi i just modified a text into paths and curved some paths, i attach an svg of my work. Now i just would like to add stroke to the object so that i can make bold the text, but as you can see , trying ...
2
votes
2answers
136 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 ...
3
votes
3answers
170 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. ...
6
votes
2answers
617 views

how to rasterize an SVG without anti-aliasing

I've made a map in inkscape and now need to change it to a bitmap or .png. The map will be interpreted by a computer program which will look for exact colors so the edges need to be crisp. when I ...
5
votes
6answers
2k views

How to create SVG for good typography on the web without buying Illustrator?

I have a web font which I would like to display using SVG instead of in HTML. The reason for this is that I want to display large typographically beautiful text, and I don't see any way of getting the ...
4
votes
1answer
763 views

How can I create a tiling hexagon tesselation (for SVG/Web)?

I'm looking to create an SVG background image for a webpage using regular hexagons in a tessellation pattern similar to the image below. However, I need the hexagons to interconnect so I can use the: ...
3
votes
1answer
73 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 ...
0
votes
1answer
116 views

How to export PSD file to SVG in Photoshop CS6 [duplicate]

I have a PSD file. I want to convert the PSD to SVG file using Photoshop CS6. Anyone able to tell me how to do this?
0
votes
1answer
56 views

Does creating a vector graphic on a specific screen resolution affect the output quality on higher resolution screens?

I'm creating my first game using the Unity game engine. I plan to target 1920x1080px; but my laptop resolution is 1366x768px. If I create the vector image on my 1366x786px screen, will the output be ...
7
votes
4answers
3k views

Photoshop vs. Illustrator for Icon Development

My client is requesting SVG files (saving as an SVG would require me to build the icon in Illustrator), but I have always designed icons in Photoshop (importing vector art from Illustrator, and ...
2
votes
1answer
139 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 ...