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

1
vote
1answer
62 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 ...
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" ...
2
votes
2answers
281 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 ...
0
votes
1answer
64 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? ...
3
votes
3answers
480 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 ...
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: ...
3
votes
1answer
149 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
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 ...
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 ...
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
2answers
1k 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 ...
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 ...
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 ...
3
votes
3answers
147 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 ...
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 ...
1
vote
1answer
75 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 ...
2
votes
1answer
147 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. ...
0
votes
4answers
1k views

When I save as .SVG it adds extra whitespace width to the document

I have my image on the artboard and have clicked Object > Artboards > Fit to artboard bounds. When I save an SVG I get extra whitespace at the bottom, how can I just save whats in the ...
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+ ...
4
votes
1answer
643 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
1answer
429 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
246 views

Saving a shape with a pattern to SVG

I have a complex shape (world map) that is filled with a pattern. The pattern is derived from a single symbol. This symbol was created from another SVG file that may have been created with Inkscape. ...
0
votes
1answer
595 views

Saving PNG as SVG in Illustrator CC

When I open a PNG in Illustrator CC and save it as SVG, once I open the SVG on the browsers I found out that the Photo has been shrinked. Can you tell me the reason and if there is a solution for that ...
6
votes
2answers
315 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
0answers
123 views

inkscape problems exporting filling pattern to pdf

I have created a filling pattern. When I export to pdf a shape filled with such pattern I get something really different from what I see in the editor. This is an example: what I see: what I get: ...
5
votes
5answers
11k views

What file type should I use for a logo when exporting from Adobe Illustrator?

I'm a fine artist, new to Adobe Illustrator. I'm in the process of designing a logo for a company using Illustrator. What type of file should I send them when all is completed, so they can use this ...
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 ...
0
votes
1answer
360 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? ...
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 ...
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 ...
1
vote
2answers
4k 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 ...
1
vote
1answer
70 views

Changing text from 2-lines to 1-line - how to center the text field in a square again?

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 that I would ...
1
vote
4answers
3k 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
1answer
373 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 ...
0
votes
0answers
67 views

Can I use custom fonts in my SVGs in my Illustrator > Edge Animate > web workflow?

I'm creating an animation for web, using Adobe Edge Animate for the first time. I'm creating the SVGs in Illustrator, including text that uses a custom font. I need to link this font to an external ...
1
vote
1answer
368 views

What are the main performance issues in svg?

What are the main performance issues in svg? Out of filters, gradients , blurs, text rendering , clipping, transformations , etc, what takes the most resources to render? In particular, is it faster ...
3
votes
1answer
3k views

Add a hyperlink within Illustrator

Is it possible to add a hyperlink to an object or a layer within Illustrator CS6 for a later SVG export? I know about the possibility to manually edit the exported file and wrap elements with an ...
0
votes
1answer
3k views

Illustrator - Make paths as a compound path

I am having a simple issue from import SVG path to Fontello: 'id.svg' contains multiple paths/shapes. Please, make them a compound path, and try import again. So, I have this vector: What I ...
1
vote
2answers
2k views

Preserving font type in illustrator SVG file

Hi I am new to illustrator and created an image that uses "Skia-Regular" font. But when I save that image in .svg format, it changes the font type. And when I open the .svg format file in browser the ...
2
votes
2answers
251 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 ...
1
vote
2answers
74 views

Why is this font damaged in SVG?

I have a logo which has a symbol and some text. The stroke on the text is about 15px, so nice and fat. When I use it as an SVG image in a page, it works fine, except that when I increase the size, ...
1
vote
1answer
266 views

Inkscape: Exporting a checkerboard makes lines fuzzy

I made a pretty simple checkerboard in inkscape. It is just many boxes that have an outline that is 1 px thick. They overlap by 1 pixels so all lines are one pixel thick and not two. I did this on a ...
2
votes
1answer
619 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 ...
5
votes
2answers
759 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 ...
0
votes
1answer
539 views

Problem converting svg to eps in inkscape

I'm using Inkscape to convert an svg to eps. But when I save the svg as eps and open the eps using Gsview, the image is not placed at the center of the page, and even some parts of it are out of view. ...
3
votes
1answer
325 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
4answers
1k 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 ...
1
vote
1answer
296 views

Inkscape: reusable components / objects?

We used Adobe Flash for SCADA visualization in the past, but we want to move towards SVG for new web-based SCADA projects. SCADA often uses the same, interactive symbols (like pumps, valves, ...) ...