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
138 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 ...
4
votes
3answers
648 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 ...
2
votes
3answers
277 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 ...
3
votes
1answer
842 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
220 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, ...
1
vote
0answers
776 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
1answer
68 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
109 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
308 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
2answers
77 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
571 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
2k 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
180 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
108 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
165 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
6k 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
82 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
183 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
180 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
78 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
155 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 ...
1
vote
3answers
2k 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. ...
1
vote
4answers
2k 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
707 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
487 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
257 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
884 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
324 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
133 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
12k 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
391 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
386 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
133 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
5k 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
72 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
398 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
70 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
396 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
259 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
75 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
299 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 ...