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

Illustrator CS6 changes colours when saving as PNG or SVG

I'm creating artwork for a variety of purposes: Facebook Cover Photos (RGB) Business Cards & Banner Prints (CYMK) Document Headers (RGB) The red I am using for the FB Cover Photos is #b72025, ...
0
votes
0answers
123 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 ...
2
votes
3answers
140 views

SVG rendering issues in IE

I created this artwork in Illustrator CC and I'm "saving as" an SVG file (it has to be SVG for client). When I view the file in Chrome, Safari or Firefox it renders just fine for the most part. See ...
1
vote
1answer
163 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?
8
votes
6answers
170 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 ...
0
votes
2answers
59 views

Illustrator svg with screen shot image, large file size

I am using screen shots to present my web work then building an .svg with some additional layers, the resolution turns out great. I choose to save it as an svg because it maintains clarity, in the ...
0
votes
1answer
32 views

When Inkscape opens file, objects are jumped over the page

When I save and then open a file with Inkscape, it loads with object dislocated. I can then fix the object's location (it jumps near correct location after even slight move), save, but after opening ...
0
votes
0answers
44 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 ...
0
votes
1answer
80 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
1
vote
4answers
182 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 ...
0
votes
0answers
30 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 ...
3
votes
1answer
169 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 ...
1
vote
2answers
117 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
2answers
65 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 ...
2
votes
1answer
85 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
275 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 ...
1
vote
1answer
80 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 ...
1
vote
2answers
163 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 ...
0
votes
3answers
1k views

How to import vector graphics into Keynote 6.6.1

Apologies if this is the wrong forum for my question. I'm having a difficult time importing vector graphics (svg flat icons) into Keynote 6.6.1. Any pointers are greatly appreciated. Here are some ...
17
votes
1answer
14k 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
140 views

Scaling SVG while preserving aspect ratio of embedded SVG

I am trying to build a map with a SVG. It should be possible to scale the whole map without keeping the aspect ration. However the aspect ratio of the markers should be preserved. Following SVG is ...
1
vote
1answer
81 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. ...
0
votes
1answer
256 views

How can I use just Roboto font with SVG's?

I am using Adobe Illustator to make some SVGs. I need the font-family to be ONLY roboto for the web. However every time I save it shows other roboto fonts like Roboto-Regular and Roboto-Light. I ...
-1
votes
2answers
185 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
98 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 ...
0
votes
0answers
116 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 ...
2
votes
1answer
82 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 ...
1
vote
1answer
94 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 ...
1
vote
2answers
244 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 ...
2
votes
1answer
296 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
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 ...
2
votes
1answer
206 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 ...
3
votes
1answer
111 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 ...
0
votes
3answers
59 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 ...
1
vote
1answer
183 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, ...
5
votes
1answer
127 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 ...
0
votes
0answers
27 views

SVG file back to an AI

I saved an illustration as an SVG with style attributes and I forgot to save it as an AI. I would like to edit the contents but it has grouped and outlined my artwork. Is there a way to undo the ...
4
votes
3answers
137 views

How can I avoid auto-adjusting of the text dimensions in Inkscape?

When I create a text object in Inkscape, it automatically clips it and adjusts the dimensions of the object so it occupies as small area as possible. This might be useful in certain cases, but in many ...
1
vote
0answers
121 views

How to indent entire textPara in Inkscape?

I have an SVG with some flowed text that has a hierarchy to it. My text currently looks like this: But I'm trying to make it so the second paragraph is fully indented some X units, like so: I'm ...
3
votes
2answers
95 views

Exporting to epub - keep text on path editable

I am looking for a solution to the following problem: I need to export files from InDesign to an epub format. I am using the built-in export feature of InDesign CC 2015. It works pretty well, but I ...
0
votes
0answers
89 views

How to save an SVG with a transparent background and fixed height and width?

In sketch I have one large artboard with a width of 1000 and a height of 2000. I made a grid to house 50 logo's with a fixed width and height of 200x200. So all the logo's fit in a square of 200x200. ...
3
votes
2answers
44 views

How do I allow " to render rather than &quot; 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 ...
3
votes
4answers
1k views

What would you use as an icon to represent social media?

Ok, So I have a website I'm working on that uses 7 social media websites (facebook, twitter, g+, youtube, pinterest, instagram and tumblr) plus the rss icon. Rather than plaster them on the website ...
1
vote
1answer
101 views

Distorting a gradient

In Inkscape, is it possible to distort a gradient so it follows a shape, instead of starting and ending outside of the shape? I would like to avoid raster effects if at all possible. This image is an ...
2
votes
2answers
107 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 ...
2
votes
1answer
113 views

Inkscape: why do coordinates in GUI and XML differ?

In the drawing below I have e.g., a rectangle. In the GUI, Inkscape says the rectangle is at Y position 0, but in the XML for that element it says 873. Why is that and how do I get the "real" ...
0
votes
0answers
197 views

Sketch SVG Export Issue (Mask)

I have strange issue connected with mask usage in Sketch. Here is the screenshot of what i have in Sketch and what I get after export: So, how to fix this, what am doing wrong?
1
vote
3answers
1k 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 ...
0
votes
1answer
388 views

Problem exporting .svg to .pdf using inkscape [closed]

I have a problem when exporting (or "saving as") some .svg files into .pdf using Inkscape. For some reason, some random "small" parts of the pictures are not rendered. Is there a way to "force" ...
0
votes
0answers
38 views

Is it possible to export a PSD from Illustrator and preserve layer styles and shapes?

I'm testing this new workflow to be able to work in Sketch, export the SVG to Illustrator, do some magic there, and produce the PSD. But I'm having trouble making it export the vector shapes as ...