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
0answers
17 views

How to prevent Adobe Illustrator CS5 exporting SVG file without adding adding _x3##_##__ to each numbered path [duplicate]

OK I'm designing large car park maps with lots of spaces, up to 3000. I ran a script to automatically number the paths (spaces) to save doing this manually which can take hours and hours to get right. ...
6
votes
2answers
3k 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.
1
vote
2answers
134 views

How to batch convert/scale PNG files to SVG?

I currently have a library of 512wx512hx72dpi png files used for icons in web and mobile apps. I want to convert them to svg then scale them to final size (80x80) for mobile app menu. Yes, I would ...
3
votes
1answer
104 views

Weird lines in svg in browser which are not visible in AI

I'm trying to create a simple vector graphic for a bar. It looks as I want it in AI but gets some weird lines in browsers. Please take a look at the picture and let me know if you know what can be the ...
1
vote
4answers
153 views

How much SVG is too much SVG?

I make vector illustrations and I also do a little bit of web design. I really want to combine the two. I have some ideas for some image heavy websites that use vector images in SVG format, and I ...
1
vote
2answers
69 views

Specific svg file size

I want to export my logo from affinity to .svg in specific size, but affinity always sets size for 100% width and 100% height. Where can i change it?
1
vote
1answer
79 views

Is there a way to export Base64 encoded SVG's from Sketch 3?

I'm currently working on a site, and can't export SVG's from Sketch itself with no issue, but I am missing the Base64 code. Can I generate Base64 encoded SVG's from Sketch 3 when I export?
0
votes
3answers
7k 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 ...
1
vote
2answers
71 views

SVG mask not working

I have an SVG vector object that consists of a few paths, some of which need to be masked. For this I've made 5 SVG masks. All of them seem to be working (i.e. masking their respective object), ...
5
votes
4answers
16k 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
0answers
42 views

Generating “String” SVG Data from photoshop

I am new to photoshop, switched from GIMP. In GIMP, you could do this: Selected the image and convert selection to path. Then Export Path and it would give an SVG file which when opened with notepad ...
0
votes
0answers
47 views

Best practices for a file of icons in Illustrator that can export perfectly to both PNG and SVG?

I'm using Adobe Illustrator to maintain a set of icons for a desktop application. Whenever I update them, I need to export them both to SVG and to a minimum-resolution PNG that matches the pixel ...
4
votes
3answers
13k 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
6answers
137 views

Is it worth learning the SVG path attribute, or should I use a tool for drawing?

Is there an advantage of manually creating the graphic with the path element and d attribute (I guess with the help of math?), over using a tool like Inkscape to draw the graphic? Does Inkscape ...
3
votes
2answers
43 views

How do I allow " to render rather than " in inkscape?

I am developing a tool that will take Inkscape made SVG files. I want to make it so I enter various tagings like {{="test this"}} And my renderer, made it myself, would then replace the item with ...
0
votes
2answers
4k 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 ...
1
vote
2answers
54 views

Is there an automated way to remove cropped regions of embedded images in order to optimize the size of an Inkscape SVG file?

I am preparing some figures for a scientific publication using Inkscape. These figures are SVGs containing embedded bitmap images that are quite large, but only a small rectangular clipped region of ...
0
votes
1answer
52 views

Fill holes in compound path with color

I need assistant to figure out how can I fill the empty holes within compound path with color using Adobe Illustrator. Download .SVG file
0
votes
0answers
36 views

SVG export for web with fonts

I'm trying to export an SVG image, which contains text from illustrator. I want to use it for a website. For SEO and size reasons I don't want to convert typo into vectors. What are the settings I ...
3
votes
1answer
134 views

Animated SVG Javascript Infographic for timeline

I am considering to make an animated infographic based on SVG, Javascript and CSS technologies of a timeline. I have lots of experience in programming but not so much in using these technologies to ...
0
votes
0answers
27 views

illustrator saving SVG with images embedded

I have a peculiar issue while exporting .ai files to .svg. Inside svg I see some parts are being embedded as .png and some parts are retained as vector... it seems quite arbitrary, any ideas how to ...
1
vote
1answer
508 views

How to change which anchor point on a path is the “starting anchor”?

I'm trying to do some animations for my website with SVG images that I saved in Illustrator. I'm running into the issue that the animation is starting from the wrong part of the path, and I'd like to ...
25
votes
6answers
35k views

Which format is better for saving images intended for websites; PNG or SVG?

When exporting / saving images with a transparent background that are intended for websites, should I save it as PNG or SVG? Why?
1
vote
1answer
168 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
1answer
71 views

Illustrator export creates white borders at the edges

Just working on a logo, but when I export the logo to svg (for a website) I get white borders at the edges and the shadow (see picture). Anyone knows how this can happen and what I can do to prevent ...
1
vote
1answer
143 views

Measure Path Length in Illustrator CC

I'm using Adobe Illustrator CC to create SVG for my web animations, but the only tedious process is finding the length of each path lines in the generated SVG. I tried Googling, but couldn't find ...
7
votes
4answers
64k 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 ...
1
vote
1answer
59 views

Exporting an object from Inkscape with bounding box taken from another object

I have a SVG file that contains a set of icons. For each icon there are two different objects in the SVG file. One is the icon itself (id=foo_icon), and a second is a solid white rectangle behind the ...
2
votes
1answer
75 views

Image looks embossed when converted to SVG

I converted a raster image to vector in Illustrator CS6 using Image Trace then the Expand option, though when I save as an svg the image looks embossed. I suspect it's due to the layer background ...
1
vote
1answer
60 views

Problem saving svg with inkscape

I just started playing with inkscape on Ubuntu, and I'm facing a problem when I'm saving svg files. When I save my file and close it, the miniature in Nautilus doesn't correspond to the file itself. ...
-1
votes
2answers
127 views

Mass change the colour of 300 .svg files [closed]

I have 300 .svg files, all are black, simple vector graphics. Is there any chance to change color from black to white ? Of course mass. Thanks Ad
1
vote
1answer
81 views

Can't export SVG properly

I want to export a file from Adobe Illustrator but it's kinda messing it up. I've no idea why. In case you don't see the problem instantly: The shadow (3D Extrude & Bevel effect) of the gray line ...
3
votes
1answer
508 views

SVG images for JavaFX-based game client

A group of programmers and designers are making a Trading Card Game (TCG). I work mostly on creative material. The Java game client is using JavaFX for GUI and we are looking to use primarily ...
1
vote
2answers
153 views

Resizing .SVG Files

I have hundreds of .SVG files of size (256x256) which I want to change to, let's say, 48x48. I know that I can do it manually or with the help of Actions in Illustrator, but is there any script or ...
1
vote
1answer
202 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 ...
2
votes
1answer
65 views

How can you render an SVG path with only the d=“…” attribute?

In looking to add another SVG to our svg-def.svg file for our website, one would assume it wise to mirror the approach of a previous developer. In our case, the prior developer was able to entirely ...
0
votes
0answers
86 views

SVG showing as blank in html

I have the following SVG file , saved as XML , looks as follows: <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build ...
1
vote
1answer
269 views

Is there a tool that converts Adobe Illustrator's 3D Rotate effect to SVG or CSS transforms?

I'd like to export a graphic as SVG, and it contains text that has a 3D Rotate effect applied to it. Saving as SVG this expands my text to outlines :( I'd like it instead to output <text> ...
1
vote
1answer
78 views

How can I cut text out of a svg in illustrator?

I'm not sure this is described well, but suppose I use the shape tool and create a square with a fill of Black. Now I take the text tool and create the word "test" in the square, then convert it to ...
2
votes
0answers
205 views

How to add a stroke property or animate the fill path of an svg?

I've been using a combination of Illustrator, Sketch, Inkscape, and Peter Collingridge's svg-editor to create and manipulate SVG's, but I've been running into a few issues. I am trying to create a ...
1
vote
2answers
3k 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
61 views

How to get flat collection of paths from stacked ones

Here's an image to help (the top is the original image, the bottom is after moving the white object to the front): What I need is an object that is all of the white in the image. The problem is ...
1
vote
1answer
10k 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
503 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?
2
votes
1answer
151 views

Svg not showing shadows in web browsers (Inkscape)

I have newly created a logo that has shadows applied with masks, so they only affect the logo itself, and not the background. Here's a picture: The text of the logo is splitted in 3 main layers: The ...
1
vote
1answer
132 views

How to transfer a logo from InDesign to Illustrator?

I need to save a logo as an SVG file and asked the designer who made the logo for the vector graphics so I can save it myself, since he didn't know what a SVG is. I was expecting a Illustrator file, ...
0
votes
3answers
54 views

SVG: What to use when

I'm starting with svg files in my websites and I'm really wondering when to use the svg code or the svg image. i.g. When I save a file from Illustrator as svg I have two options I can use both. I ...
2
votes
2answers
90 views

Text background stands out when printing. What you see on screen is not what you get from the printer

Please can you advise me ? I made posters in Inkscape, being equations on coloured backgrounds. I blurred the equations because I think it looks "artistic" :) I then saved the Inkscape .svg files to ...
3
votes
3answers
380 views

Convert PNG pixel arts to SVG without tracing

For a personal project, I designed some icons as PNG files and would like to export them as SVGs. I know the next question: I don't want a raster, I need vectors. I found this question but since it's ...
5
votes
1answer
126 views

Multilingual SVG for the web

Is there a way to create multilingual SVG files for the web? I have an SVG with text that I use on a website. Now if the user changes the language on the website I should normally create a new ...