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
2answers
134 views

I made a map in AI, but the file size is HUGE as an svg?

I made an svg in Illustrator, but now I want to use it in a website/app but it's a huge size (around 10 MB) how can I decrease the size of it? My illustrator file is pretty big but that because I have ...
1
vote
2answers
5k 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
2answers
283 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 ...
4
votes
2answers
1k 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: ...
0
votes
0answers
29 views

Why Does SVG Automatically Center Itself?

I recently converted my logo from PNG to SVG. The sizes of the images are identical, however, the SVG version seems to want to automatically center itself. You can view the PNG of my logo at ...
2
votes
1answer
65 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 ...
0
votes
1answer
170 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
194 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, ...
1
vote
1answer
64 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
384 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, ...
0
votes
2answers
103 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, ...
3
votes
3answers
3k 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
24 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 ...
1
vote
1answer
745 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 ...
9
votes
2answers
9k 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
158 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
768 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 ...
5
votes
1answer
1k 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
100 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
3k 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
1k 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
233 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
868 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
130 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
151 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
327 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 ...
2
votes
2answers
1k 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 ...
4
votes
3answers
542 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
104 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
729 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 ...
1
vote
2answers
126 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
63 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 ...
3
votes
3answers
490 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. ...
7
votes
2answers
1k 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 ...
3
votes
1answer
153 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
4k 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
79 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
159 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
1answer
149 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 ...
0
votes
3answers
1k views

How can I get illustrator to automatically clip the artboard to the vectorized objects size?

I just exported a shape from photoshop as a path and then filled it in illustrator. I now want to save the shape as an svg, or eps but I don't want to save all the excess whitespace around the object. ...
2
votes
1answer
499 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 ...
4
votes
3answers
6k views

Photoshop layers into SVG paths

I have a set of Photoshop files which consist of a base image with a series of layers with colored overlays. The overlays are labeled using the layer names. My task is to get these overlays as SVG ...
0
votes
1answer
361 views

How to fit text inside a shape using iDraw

I'm trying to design a logo, and would like to fit the name of the product inside a shape. In this case, the shape is a closed path in the shape of a smile. Any ideas how I might achieve that? ...
0
votes
1answer
1k views

Export HUGE png/tiff/pdf from SVG

I need to get an image (optimal would be pdf/tiff but png will work, too) from my svg file. The svg is relatively small (cca 300 kB). What I need is an image in resolution cca 10000x5000px in 60+ ...
8
votes
5answers
2k views

Which software renders a planar projection of a 3D object as a vector graphic?

I would like to create two-dimensional projections of three-dimensional geometrical objects. The drawings should be in a vector format, SVG or PDF, which can be imported by Inkscape or Adobe ...
0
votes
1answer
436 views

Saving as SVG in illustrator gives me an error

I'm getting an error when I view my illustrator doc. error on line 33308 at column 20: Namespace prefix inkscape for connector-curvature on path is not defined My illustrator document is ...
0
votes
0answers
357 views

problem with pdf export in inkscape - line stroke

I had today some surprising experience in converting svg to pdf using inkscape. I am preparing drawings for laser cutter. for laser cutting, the drawing should be passed as pdf and the line stroke ...