Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

34
votes
1answer
21k 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 ...
223
votes
4answers
41k 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 ...
10
votes
4answers
135k 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 ...
11
votes
5answers
11k 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 ...
44
votes
4answers
49k 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 ...
37
votes
5answers
28k 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 ...
5
votes
3answers
10k 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 ...
7
votes
5answers
14k 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 ...
2
votes
2answers
2k 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'...
13
votes
3answers
7k 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 ...
21
votes
2answers
35k 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 ...
9
votes
1answer
4k 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 ...
7
votes
6answers
15k 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. ...
4
votes
2answers
6k 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 ...
0
votes
2answers
3k 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 ...
35
votes
6answers
32k 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. ...
48
votes
6answers
80k 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 ...
8
votes
2answers
15k 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 ...
3
votes
4answers
11k 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/...
10
votes
1answer
6k 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 ...
7
votes
3answers
3k views

Can I export an Inkscape SVG to a TTF file?

I have tried my hand at designing a font, and have made the individual SVG files for each character on Inkscape. Looking at other things about this topic, the answer always seems to be something along ...
6
votes
3answers
15k 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. ...
6
votes
4answers
32k 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 ...
4
votes
4answers
2k views

Can I make each group in this SVG file its own SVG file?

I have a huge SVG file that I filled with all the characters for a font. There are a lottt of characters and it'd take forever to manually copy each of them into its own file. Each character has all ...
4
votes
1answer
4k views

How to convert a gradient mesh created in Illustrator into a browser-compatible, scalable SVG?

I need to convert a gradient mesh generated in illustrator into an SVG file that is browser compatible. The mesh generates this gradient which I need to use as a background for a responsive web site ...
4
votes
2answers
276 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 ...
2
votes
4answers
1k 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 ...
3
votes
4answers
166 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 ...
3
votes
2answers
2k views

Export to SVG with blend mode or “Apply” it

I have an image with a gradient background and a transparent gray shadow on top of it set to multiply. When I export to SVG, it loses the blend mode and appears gray. How can I have Illustrator ...
3
votes
1answer
2k 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=...
1
vote
1answer
784 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 ...
0
votes
2answers
1k 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 ...
0
votes
2answers
3k 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 ...
19
votes
5answers
56k 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 ...
16
votes
2answers
35k views

Convert Primitive to Path using SVG format in Illustrator

I've got a simple drawing in Illustrator consisting of multiple rectangles. I will need to handle that in code later one and saved the document as SVG. The rectangles come out as <rect /> nodes ...
15
votes
2answers
15k 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 ...
12
votes
1answer
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 ...
24
votes
1answer
18k 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 ...
19
votes
4answers
18k 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 ...
16
votes
3answers
21k 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 ...
9
votes
1answer
18k views

Add a hyperlink within Illustrator [duplicate]

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 <...
5
votes
1answer
6k 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' ...
5
votes
2answers
408 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 ...
4
votes
2answers
24k 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 ...
13
votes
1answer
2k views

What is meant by 'designing an icon at 100% scale'?

From the Android's Material Design guide, System icons are displayed at 24dp. When creating icons, it’s important to design at 100% scale for pixel-accuracy. What is meant by designing at 100% ...
10
votes
2answers
19k 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 ...
8
votes
3answers
28k views

Photoshop Layer -> SVG [duplicate]

I've got PSD file with vector logo (smart object). I need to save it as SVG for website use. I don't see such option directly in Photoshop though. Can anyone shed some light on the process? Is it ...
8
votes
3answers
7k views

How to keep only the visible parts of the every object/path of a SVG image? Like “flatten” all the SVG

I've an SVG image with many objects, ones over anothers. What I need is a final SVG, with the same visual result, but in a way that I could change the opacity of any object without revealing the ...
6
votes
2answers
8k views

Manually invert path fill for SVG

In short, I want to do the exact opposite of this question: Is it possible to "invert" an SVG file? Not the colours, but the actual areas/paths?. I have a monochrome SVG image that is a ...
6
votes
3answers
1k 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 ...