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
28 views

Is it a bad idea to use a svg as a background image for a website file size wise?

I need to save out some images for a website project at work. These images will span the full background of the site using background-cover. I first thought that svg would be the correct choice but I ...
0
votes
0answers
19 views

How to make full svg fonts (not just outerlines)

I am trying to make an handwriting animation in html. What I need is a .svg from the signature. I have tried to make this in inkscape, but when I use this svg only the outerlines will be drawn. Can ...
0
votes
0answers
25 views

Adobe Illustrator CS4 - Setting First Anchor Point in Path for SVG [on hold]

I'm trying to set the 'first' anchor point in my path (created through Illustrator CS4), it's a closed shape, so that the SVG animation I'm working on starts from that point. How do I do so within ...
2
votes
2answers
826 views

Why are my elements moved after being exported to svg

I'm quite new to Adobe Illustrator, but used to PS. I wanted to experiment with Illustrator to create SVGs that can than be manipulated with JavaScript. I created some kind of background-layer and ...
0
votes
3answers
114 views

SVG export from Illustrator CC distorts paths

I'm trying to create some icons to add to the Glyphicons library. I've created them using the pen tool (shapes) in Adobe Illustrator CC, they're ultra-basic. As PNG, or EPS they export fine. ...
3
votes
1answer
24 views

Some items in SVG drawing are showing up as question marks in various Mac OS apps, and Inkscape [on hold]

I have an SVG drawing that has some little trees in one section of it. Up until recently it was all fine, but the latest version of it that was emailed to me recently has a really weird problem. ...
2
votes
3answers
551 views

Saving an SVG with viewbox 0 0 in Illustrator

I've got a problem saving SVGs in their correct format in Illustrator. I want to save an SVG for web development with the viewbox as "0 0 100 100". The sizes, 100 width and height, are not a problem. ...
1
vote
1answer
2k 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
157 views

How to Save .svg in Illustrator so it shows right on Adroid?

I am trying to create a .svg image for Android devices, but it is not visible clearly in the device. How should I save the file from Adobe Illustrator and how can I optimise the file?
0
votes
1answer
25 views

Ampersands inside SVG files don't come into CorelDraw [closed]

I am trying to import an SVG file in to CorelDraw. The issue is Ampersands don't come in correctly. If the ampersand is represented as &, then it shows in Corel as &, if the ampersand is ...
2
votes
1answer
62 views

Morph vector shapes by more than 100% (shape extrapolation)

I'm looking for the tool that can perform blending/morphing of two vector shapes by more than 100%, i.e. extrapolation. Standalone or online tool or plugin/script will work for me. It shouldn't be ...
1
vote
1answer
1k views

SVG images showing up blurry in Safari in any size smaller than 20 px

I am doing a mobile demo for the Ipad that we are demoing in Safari. I am using icons to get away from having to scale my images 3x. Problem is that any icons that I am using that are smaller than ...
1
vote
1answer
37 views

Problems with exporting SVG assets out of Illustrator

My workflow generally goes like this, design the icon on Illustrator and paste the icon and resize it for the design. Because our dev team needs SVG icons and not just the typical 1x,2x,3x assets, I ...
2
votes
1answer
792 views

Get rid of thin white lines between shape 'joins'

I've created an icon made out of basic lines/shapes in Adobe Illustrator, then make it one solid, continuous shape. I want to use this icon as a pre-loader on a website, the idea being each 'segment' ...
0
votes
2answers
198 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 ...
5
votes
4answers
6k 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 ...
0
votes
0answers
27 views

How to improve the quality of raster images (embedded or linked) in SVG created with Illustrator CC

I created a new file and placed a PNG image as background. If I try to save that as an SVG file with Adobe Illustrator, the quality of the background image is very degraded compared to the original ...
2
votes
2answers
3k 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 ...
1
vote
1answer
234 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: ...
2
votes
1answer
8k 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
1answer
48 views

SVG optimization practices when drawing in Illustrator

I’ve noticed that when exporting a file from AI to SVG, there is a lot of code created that is not necessary and I realized then that this code can be certainly optimised. Found this interesting SVG ...
0
votes
3answers
3k 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
737 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
485 views

Long Shadow Effect in SVG for Web

Basically I'm wondering if anyone has any ideas on how to efficiently get a long shadow effect with an SVG: Example Image My three ideas on how this might be possible: Hella detailed gradient map, ...
4
votes
3answers
211 views

How to get rid of these outline artifacts in an Inkscape SVG trace?

I can get good trace results in Inkscape converting a bitmap to a vector image - except for these persistent thin outline artifacts. They resemble a topographic map and pretty much ruin the trace. ...
1
vote
1answer
19 views

Pasting shape path from file with different grid setting results in pasting previous grid

I am attempting to paste a shape path from an SVG with an SVG file with different grid settings into an another illustrator ai file. When I do this, I get a copy of the grid from the old file along ...
1
vote
1answer
100 views

Is it possible to online search for PDF vector images? [closed]

I'm trying to find an easy way to search the internet for PDF vector images. Update: using "free to use, share or modify, even commercially" filter Google Image Search: filetype:pdf spaceship ...
4
votes
0answers
88 views

Problems with Dynamic Text in SVG when font is not SVG

So, I have an graphics automation chain that has been happily running on a headless linux environment using programmaticaly generated/altered SVGs and PhantomJS (currently 1.9.0) as a final rendering ...
8
votes
2answers
2k 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 ...
5
votes
1answer
134 views

How do I overcome this PNG rendering problem of a SVG?

I uploaded a human body diagram showing the signs and symptoms of Hodgkin's lymphoma (http://health-and-medicine.wikia.com/wiki/File:Symptoms_of_Hodgkin_lymphoma.svg) to my Wiki but for some reason in ...
0
votes
2answers
45 views

Why is my text deformed when I save as .svg and how can I fix it?

I need to put this svg image on a site. But when I created the image is deformed and looks terrible. I try in differents ways and still not working. I hope you can help me. Thanks..
1
vote
0answers
12 views

Illustrator breaking apart and prepending '_x3' to every element that starts with a number in SVG export

I'm not sure if this is regular behavior, but when I do an SVG export in Illustrator, each layer name I have that is a number with be converted to a format I don't quite understand. I'm creating an ...
2
votes
2answers
115 views

Making Demonstration graphics for web applications

I have been through a lot of websites which have the following kind of demonstration images/icons which look plain but awesome. What are they exactly called? What is the term for such graphics? Any ...
1
vote
1answer
48 views

How do I save svg FROM a website code?

I need to work with a logo from this website (in the top left corner): http://takiedela.ru/ Here is the piece of code I copied from the page: <svg viewBox="0 0 215 50" height="50" width="215" ...
0
votes
2answers
46 views

EPS files exported by Illustrator are ca. 2 MB while SVG version is 30 kB

I worked on a couple of vector images in Illustrator CC, and saved them both as EPS and SVG. For some reason, the EPS files are around 2 MB and the SVG files are around 30 kB. It is the same exact ...
7
votes
2answers
2k 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, ...
1
vote
2answers
120 views

How can I trace the edge of a svg file using inkscape without rasterizing the image and re-vectorizing it?

I have an svg file composed of multiple shapes, and I would like to perform edge detection to create a path around the border of the image. Basically, I want the equivalent of Path --> Trace ...
1
vote
2answers
477 views

Batch convert svg to psd

I'm trying to use a bunch of svg icons on something I'm designing. Photoshop doesn't process svgs, apparently. I read Illustrator does and that I can just export it into psds. That much is managable ...
1
vote
1answer
132 views

How can I locate points on a path that are not smooth in Adobe Illustrator?

I have drawn a number of shapes freehand on a graphics tablet in Adobe Illustrator. Most of these shapes are blob-like and almost all points on the paths are smooth. They'll show handles if selected, ...
0
votes
1answer
181 views

PNG to SVG batch conversion

Is there a tool to convert 302 PNG images to SVG? I know how to do it one by one using Inkscape, but I need a tool to convert the 302 image at once.
2
votes
3answers
4k 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
0answers
21 views

SVG export from illustrator centers viewbox

Just got Illustrator CC, and using export with settings I've used in the past, but the SVG output is strange. The Viewbox generated is causing the SVG to be centered in the window. This is causing ...
1
vote
2answers
6k 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 ...
1
vote
1answer
125 views

Segmenting a ring into three pieces in Inkscape

I‘m trying to re-create these shapes in Inkscape, namely the white lines: I could trace this image, but I'd like to know if there's a clever, and more accurate, way for re-creating the shapes. For ...
1
vote
2answers
99 views

How to get the x/y position of multiple points on an artboard

I've got a bunch of objects on an artboard and I'd like to know the X/Y positions of them all. It would be fine to either have pixel values, or a % from the sides of the artboard. Importantly, I ...
0
votes
1answer
175 views

resize svg file width 100% and height fixed.

I made this svg file with sketch.app. <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="478px" height="36px" viewBox="0 0 478 36" version="1.1" ...
1
vote
2answers
85 views

Join mid points of two adjacent paths in Inkscape

I have two adjacent paths in Inkscape with a tiny empty space between them. I'd like to combine them into a single continuous path such that each two adjacent nodes (in the below image) become one ...
-1
votes
1answer
128 views

How to remove grid background on SVG image using Inkscape

I'm using the Meteocons icon set in my project, specifically the SVG files. I noticed they all display on screen with a light blue 'grid' as a background. How can I remove this background so that the ...
11
votes
3answers
25k views

How can I edit an .SVG file?

Wikipedia has an extensive set of anatomy SVGs, but I can't highlight different organs or parts dynamically, because there are no source files with layers I can manipulate in Photoshop or GIMP. How ...
2
votes
1answer
85 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 ...