Questions tagged [svg]

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.

Filter by
Sorted by
Tagged with
42 votes
1 answer
25k 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 ...
CreativeMind's user avatar
236 votes
4 answers
47k views

Is there a reason Hillary Clinton's logo has hidden notches?

This question is not political in the least! While looking at the SVG version of Hillary's logo found here, I noticed there were notches in the two vertical bars of the H. The arrow crossbar covers ...
I. J. Kennedy's user avatar
72 votes
9 answers
95k views

How do I embed Google Web Fonts into an SVG?

I'm writing an article on my site about the advantages of new web technologies, among others HTML5, CSS3 and SVGs, one of the advantages of the latter being the ability to select text in what is ...
Jules's user avatar
  • 952
14 votes
3 answers
11k views

How do you animate SVG for the web?

Vector graphics are now taking over the web and even mobile applications. Icons, buttons and elements of web pages or mobile apps are now becoming increasingly vector based, dropping bitmaps because ...
Emanuele Sabetta's user avatar
14 votes
1 answer
1k views

What is the correct style that describes the following images

What is the name or names of the style used in the following images. They are used on Google, Facebook, atlassian.com, bitbucket.org and on info-graphics. I refer to them as lifestyle images but ...
Tjaart van der Walt's user avatar
11 votes
5 answers
16k views

Is vectorizing an image copyright infringement if the image is not CC/Public domain?

Is it okay to vectorize this image to make a poster out of it even though the image is not Creative Commons or anything like that? I'm not using any part of the image directly and only going to use it ...
Durand's user avatar
  • 243
39 votes
7 answers
45k 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 ...
user1109371's user avatar
12 votes
4 answers
155k 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 ...
HVitae's user avatar
  • 123
6 votes
4 answers
3k views

Change Illustrators "native" SVG resolution

Even if only containing fully vectorized content, SVG files contain a resolution (in pixels). If saving as SVG from Illustrator (CS5), my Illustrator always sets this resolution to 72 dpi. That's what ...
Honeybear's user avatar
  • 213
5 votes
3 answers
11k 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 ...
Lars Ebert's user avatar
10 votes
2 answers
27k views

Opening PDF in Illustrator breaks up text objects

I recently had to convert some PDF files to SVG, and did this by opening the PDF in Illustrator, and saving out to SVG. The issue was that when Illustrator opened the pdf, many (but not all) text ...
itsmikem's user avatar
  • 483
7 votes
5 answers
17k 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 ...
pjmorse's user avatar
  • 199
89 votes
8 answers
172k views

Using the shape of an object to cut the object beneath it in Inkscape

I'm editing an svg in Inkscape and I have an object on top of another object. I'd like to use the shape of the top object to cut the object beneath it. For those who are familiar with GIMP, I'm ...
UserIsCorrupt's user avatar
23 votes
2 answers
45k views

When should I use SVG or SVGZ for my web graphics?

From my understanding, The SVGZ is a compressed file type of an SVG. I love using SVG images and have had a lot of experience with them. All of the times I used them I have never had a graphic that ...
Josh Powell's user avatar
13 votes
6 answers
35k 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. ...
Andrew Peachey's user avatar
10 votes
1 answer
7k 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 ...
Christian's user avatar
  • 1,551
5 votes
1 answer
5k views

Bizarre Illustrator error - SVG output looks different

I've never run into this. For some reason, Illustrator is changing this SVG file (see versions 1 and 3) for a coat of arms, although it looks perfect on my screen and there are no apparent SVG errors. ...
Wikimandia's user avatar
4 votes
2 answers
13k 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 ...
shan's user avatar
  • 173
3 votes
2 answers
679 views

Create 2 morphable SVGs

I am trying to create 2 SVGs that can be morphed from one another in order to use them in an Android app. However, the requirements are rather strict: The 2 SVGs (from and to) must have the same ...
Teovald's user avatar
  • 131
2 votes
3 answers
4k 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 don'...
choldgraf's user avatar
  • 123
0 votes
2 answers
4k 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 ...
EGHDK's user avatar
  • 453
37 votes
6 answers
40k views

Can I reduce the file size of an SVG to be closer to its JPEG equivalent?

I have an image that I’m using on a website. I would like to use an SVG so that it can be any size and still look crisp. This dropbox contains the SVG file as well as the original Illustrator file. ...
Evanss's user avatar
  • 649
18 votes
5 answers
59k views

AI vs EPS vs SVG

What's the technical difference? I'm interested in switching from Illustrator to Inkscape and would prefer to work exclusively with SVG, but is this going to be a problem for my team if they stay on ...
corysimmons's user avatar
16 votes
3 answers
34k views

Is there a way to reverse the order of anchors in a path?

Is there any way to reverse the order of anchors in a 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 ...
hsawires's user avatar
  • 5,357
11 votes
1 answer
9k views

Is there anything that can read, import or convert CMYK SVG?

Short question: I have SVG files with CMYK colours, specified as according to the SVG specs. I want to get this into a design program - any design program - to finalise the design and prepare it to ...
user56reinstatemonica8's user avatar
11 votes
1 answer
12k views

Illustrator exporting SVG, viewbox doesn't match artboard size?

I'm attempting to output an SVG from Illustrator. My artboard is 256x256 pixels. The top left of the artboard is at 0,0. When I export my svg, the viewbox attribute is 0.5 792.5 256 256. Why isn't it ...
Jake Wilson's user avatar
10 votes
3 answers
25k views

Inkscape: export xml for Android drawable resource directory

I am a Newbie in Inkscape. I tried to find a solution on the internet but I didn't find anything about exporting XML for Android drawable resource directory. I would like to be sure if this program ...
Sam Joos's user avatar
  • 203
9 votes
4 answers
35k 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. ...
Jamie Kudla's user avatar
7 votes
4 answers
52k 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 ...
R_User's user avatar
  • 171
7 votes
3 answers
2k views

TTF and other "modern" font systems, and font size differences

I have no formal (and precious little informal) graphic design training. Fairly famous Computer Science person Dr. Donald Knuth long ago developed a font description system called Metafont. In and of ...
Pointy's user avatar
  • 209
7 votes
4 answers
25k views

Svg file size more than a png image

I have two files with same dimensions and I want to save my vector file to web SVG. Problem is that this file size is more than generate the same file to PNG for web. I think that I'm exporting ...
Funny Frontend's user avatar
5 votes
1 answer
9k 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' ...
user1406440's user avatar
4 votes
4 answers
4k views

Add imperfections to vector graphics / drawings

I'm looking for creative ways to add imperfections or flaws to my vector graphics in order to make them appear more like hand drawn sketches. I'm working with Inkscape so tips that work here are very ...
Stockfisch's user avatar
  • 2,316
3 votes
4 answers
13k 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: http://www.flickr.com/...
idiotprogrammer's user avatar
3 votes
3 answers
9k views

Tracing a raster image to simple paths with stroke but no fill

I have googled extensively on this, and am running around in circles. I have a program that outputs isobars - lines of equal pressure. I can output these as .ps, .png, .jpg, and .kmz files. What I ...
James Davies's user avatar
2 votes
3 answers
674 views

Render SVG to 16bit/channel raster

I have an SVG with gradients. Postprocessing it with GIMP 2.8 produced banding due to its rasterization which is only 8bit/channel. I downloaded Gimp 2.10, then set channel precision 16bit, imported ...
scriptfoo's user avatar
  • 133
2 votes
2 answers
810 views

Inkscape : dots/points on a curve/line --> x,y coordinates of points in svg file?

Does Inkscape have a way to put points on a curve or line so the coordinates of the points will be written to the svg file? I seem so close to doing this, but perhaps I need a different program. The ...
Bryan-StackExchange's user avatar
2 votes
4 answers
216 views

Name of this style: Vintage, b/w, line-filled?

I've found a graphic style, which ... looks "retro" (maybe around 1900?) is only "filled" with lines, so looks a bit like a hand-drawn technical drawing and seems to be quite modern (e.g. for ...
Örom Loidl's user avatar
2 votes
1 answer
661 views

Inkscape doesn't show linked images

Given this small svg file: <svg height="400" width="400" viewport="0 0 400 400" class="svgScreenshot1" version="1.1" id="svg20" xmlns=&...
ecstrema's user avatar
  • 123
2 votes
1 answer
5k views

How to export SVG without lines, polylines and polygons?

In illustrator I have made a complex shape and when I export it I get this (I copied a bit of this, its not the entire image as its about 700 lines :P ) <line class="st10" x1="784.9" y1="419.6" x2=...
ServerSideSkittles's user avatar
1 vote
1 answer
1k views

Saving AI to svg

I created some art with a Rectangular grid tool. I created the shape, converted to a live paint and started my pixel art. As I was done I tried to save it to SVG but when you open the image, it ...
Freyr's user avatar
  • 13
0 votes
2 answers
1k views

Inkscape does not export the layer's blend mode exclusion to PDF

I followed the instructions here to fill some objects (including text) with a negative of their background: If I export this as png everything is fine. However when exporting as PDF it just shows ...
Foad's user avatar
  • 211
0 votes
2 answers
3k views

Exporting from SVG to PNG with AI

When exporting an SVG icon to PNG, I am attempting to retain the quality of the image while not loosing the size (16px x 16px). I have made the attempt numerous times but have yet to produce a icon ...
Bgreen's user avatar
  • 1
0 votes
3 answers
976 views

How to invert image colors from black to white

Inkscape installed on Debian. How to invert SVG image colors from black to white? Tried to select all the paths (Select all) and use extensions > color > negative - but this method don't work.
minto's user avatar
  • 113
0 votes
2 answers
4k views

Pixels in Vectors - SVG

I am working on the svg-edit application and I am receiving customer orders through the web. I am converting those pixels to mm based on the formula 3.77 pixels = 1 mm. Is there anyway that ...
Nicholas Kyriakides's user avatar
40 votes
1 answer
41k views

Is it possible to "invert" an SVG file? Not the colours, but the actual areas/paths?

I have an SVG file, and I want to create the opposite of it. It's a monochrome icon, and I want a version where the logo is transparent and the rest of the rectangle is filled paths. In theory it ...
Codemonkey's user avatar
38 votes
6 answers
126k 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 ...
Rizwan606's user avatar
  • 483
27 votes
5 answers
32k 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 ...
William W's user avatar
  • 281
26 votes
2 answers
27k views

Embedding fonts in inkscape

Does any body know what is the current status of embedding fonts into an svg file that is readable by inkscape. I find the lack of embedded fonts severely impedes portability of svg files, particular ...
Douglas Kastle's user avatar
19 votes
3 answers
22k views

How to change font of all the text in an SVG image at once using inkscape?

I am using GeoGebra to render geometric figures. Really nice software but it seems the text font cannot be changed in it. I know I can change font of text using inkscape by individually selecting all ...
Finch's user avatar
  • 343