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
0
votes
0answers
20 views

SVG pixelated on small sizes

I'm using this custom size 64*64 plus icon svg as zoom icon in my website. As you can see, it's pixelated. Specially the white border. Don't know why. Because it's svg it suppose to looks sharp right? ...
0
votes
1answer
34 views

SVG Size Bloated by “adobe_illustrator_pgf” tag

web dev here. I just received a 400 KB SVG of a very simple icon. It didn't make any sense, so I looked in the SVG file and almost the entire size of the SVG is in a tag with an id of "...
0
votes
0answers
13 views

Open SVG and keep responsive settings

I have an svg which when I exported from AI I set the "Responsive" setting to false so that it would write the actual width and height tags to the document. Problem I'm finding is when I re-open the ...
0
votes
0answers
10 views

Can I specify that SVG elements should move so they don't overlap?

I want to write a program to build timelines in SVG, something like this: In this example, the entry for 2019 has to be moved upward so that it doesn't overlap with the entries around it. Whether it ...
0
votes
3answers
92 views

Why is my SVG file so big?

I've just got a designer to convert our old .PNG logo to a .SVG logo as our new Wordpress theme uses a .SVG logo. The .SVG logo the theme comes with is 3kb and the .SVG logo the designer has created ...
0
votes
1answer
19 views

How can I connect a path to an object in Inkscape?

I created a sankey diagram (using the awesome sankeymatic.com), which I then saved as an .svg and opened in Inkscape. The resulting diagram has nodes represented as objects and flow represented as ...
0
votes
0answers
39 views

How to export SVG with preserveAspectRatio=“none” in Adobe Illustrator?

I am manually adding preserveAspectRatio="none to SVGs exported from Adobe Illustrator in order to make them fill 100% of their container instead of maintaining aspect ratio. Is there a way to have ...
0
votes
0answers
24 views

SVG borders get blurry on drag

While dragging an SVG rect the top border changes its width depending on where the rect is dragged and positioned on the screen. For example, sometimes it looks wide and blurry: And sometimes it ...
0
votes
1answer
52 views

How to connect three different nodes into one in an Inkscape?

I know that I cannot join non-endnodes in Inkscape due to the SVG spec. I know how to join two different nodes into one merged one ( How to Connect Bezier Curves in Inkscape? ). But how can I join ...
1
vote
2answers
26 views

Illustrator color picker fails to detect a web color

I opened a new document in Adobe Illustrator CS5, which defaults to CMYK as a color mode. I imported a raster image, used LiveTrace with 6 grayscale colors, expanded, and saved as SVG, which changed ...
2
votes
1answer
81 views

Illustrator to SVG: different shades for different browsers

I have just approached the world of design and so consequently I have many doubts about certain subjects, one of them is related to nuances. As you can see from the images below, my "project" created ...
0
votes
1answer
33 views

Export the SVG only within artboard in illustator

So I've added a text in Illustrator and I'm trying to cut in 2/3 - 1/3 proportions with artboards as in the picture below. I exported it as an SVG but when i open it with a browser it shows the full ...
4
votes
2answers
67 views

inkscape - combine svg elements into combined path

I have a hexagon based on one common side, repeated. The single side is a <g>roup of a <path /> and transformed <use />. I want to fill the inside of this virtual hexagon, but am ...
0
votes
1answer
63 views

Can't get Windows 10 font to show in PDF using Inkscape

As in the answer shown here, I'm trying to convert an SVG to PDF using Inkscape on Windows: inkscape --file=mySVGinputFile.svg --export-area-drawing --without-gui --export-pdf=output.pdf My SVG has ...
2
votes
2answers
202 views

How to convey the specifics of animation mockups to developers

The developer at my studio is pushing me to create more compelling/interactive mockups of websites. We are at a total loss as to how I can communicate the specifics of the animations in these mockups ...
4
votes
3answers
633 views

How to create animation with svg format file?

How to create svg animation like this? https://cl.parspack.com/clients/templates/ps_seven/img/svg/header.svg I search on google but I can't any way to create animation with svg format file like this. ...
0
votes
1answer
31 views

Adobe Illustrator arced text gets distorted after rotating

Whenever I try effect->warp->arc... I can arc my text, but when I try to rotate it (say by -30 degrees) the text gets very distorted -- especially at the end point. Matters are worse if I try to ...
0
votes
0answers
16 views

SVG lines with same stroke-width and coordinates seem to be displaced

I have the following two groups of lines with the same length (700 each). The first group starts at (500, 500) and ends on (1200, 500), and the second group starts at (1000, 500) and ends at (1700, ...
0
votes
1answer
52 views

View size is not correct while working on Illustrator?

I'm on CC 23.1. Here's the "preview" when I'm working on Illustrator, Zoom 100%: But once I export on SVG (and I open on other software, or browser Chrome), here's the result: It's clearly scaled!!!...
0
votes
0answers
55 views

Putting Text on a textPath using Svg in Krita

In Krita 4.2 ,the text tool doesn't provide the feature to put text on a path,but it does give the ability to curve text using Svg scripting. On using a Svg script to create curved text (below) by ...
1
vote
0answers
10 views

SVG Problem - how to minimize the number of segments in an SVG, such that it is easily tweenable in d3.js (Arcmap -> Illustrator -> d3.js)

I am creating a tweening web map that switches between different configurations of borders within a map. I'm using d3.JS to do this - here's an example of where I'm going http://jsfiddle.net/cormundo/...
0
votes
1answer
29 views

User icon path narrows unexpectedly when exporting SVG

I have a user icon I'm trying to export to SVG. The arc of the body narrows when exporting to SVG but appears fine when in Illustrator. Any thoughts on why this is happening? Illustrator v24.0 ...
0
votes
0answers
29 views

Porting designs from Illustrator to Figma (SVG)

I need to use some logos and other elements I've created on Illustrator in Figma. I know that you can save an entire project on Illustrator as SVG but how to pick certain elements, say shapes and ...
2
votes
2answers
75 views

How to make an SVG glyph (from a font) look like it was handwritten?

I want to take this font: and make it look more like the handwritten version: I don't want to make it look that handwritten, but a little rougher curves and more stroke-like tips to the curves ...
0
votes
1answer
40 views

How do I turn a clippath into vectors?

I am new to inkscapeand have the following problem: I need to generate an svg image which does not contain a clippath - only vectors. But I used a clip mask to create a shaped pattern from an outline ...
0
votes
1answer
42 views

svg/.ai file made with brushes, inverting stroke

I've created an svg in Illustrator using a rope brush which worked well but I want to invert the black and white which isn't working. It was done with a brush where stroke was black but fill wasn't ...
1
vote
0answers
25 views

How to tell inkscape not to change manually entered paths in xml editor?

When I draw paths in inkscape, I can use the mouse to drag handles and nodes around or I can use the XML editor to manually tweak the d= attribute of a <path> object. However, if I edit the ...
0
votes
1answer
27 views

SVG order of transforms

Does the order of transform functions matter in SVG transform? For instance if i want to scale a shape but preserving the original coordinates specified in it's translate, would it help to first ...
0
votes
2answers
84 views

Color glyphs from OTF font don't work in Illustrator CC

I wanted only to test color glyphs (e.g. A, B, C, H, i, e...; see screenshot) from this OTF font: tiny.pl/t4qfc. They don't work in Adobe Ilustrator CC. Does someone know why? E.g. in Paint.NET ...
0
votes
0answers
62 views

Export svg with animations using Adobe Animate

I have created a simply Sun animation and for now, I want to export my whole 2s animation into SVG file that could be later imported into the React project as an SVG file that contains my all ...
0
votes
1answer
105 views

Export svg compatible for web using illustrator

I am trying to export svg using Adobe Illustrator (AI). Exporting as svg is straight forward as save as option is available. I am working with file downloaded from internet. I am new to AI, having ...
1
vote
0answers
39 views

Converting text to an svg image [duplicate]

I recently asked my graphics designer to create an SVG image for the background of the homepage of my website (to be used via the background-image css property). I asked her to just write gibberish (...
0
votes
1answer
24 views

Relative coordinates in animateMotion path

I cannot figure out why the blue ball1 in the following example does not "move to" the point on the path specified in #wire from its starting positions to mimic the path animation of the pink ball2. ...
0
votes
0answers
10 views

Weird SVG stroke after exporting from illustrator [duplicate]

I've just exported my logo from Adobe Illustrator into SVG format for use on the web, since PNG files just aren't cutting it any more in terms of quality. Everything's going fine until I zoom into ...
0
votes
2answers
144 views

When I import this SVG into Photoshop it looks zoom pixelated, which didn't before

I'm trying to import this SVG; which I imported before earlier but now it seems to don't work that well anymore? The original SVG file has not been modified, so I don't know where the issue could be, ...
0
votes
1answer
32 views

SVG files indentation sensitive?

Are SVG files to be formatted in a certain way? Like do indentation and line breaks etc. matter to SVG files?
0
votes
1answer
110 views

Export .svg icon with padding from Sketch

When I export an icon as an .svg that contains padding, the padding seems to get lost when saved. I have this icon with a 1px padding on the sides: When I export that icon as a .svg, and import it ...
0
votes
0answers
88 views

Why Illustrator changes anchor points position in exported SVG's?

When I open back the exported via Asset Export SVG's some anchor points in certain circumstances change their position while maintaining the original shape of the curve. I made some screens: points on ...
0
votes
1answer
52 views

Jpg to svg but source contains only lines

Origami Crease Patterns contain every fold needed for the base model but they usually come in low resolution and bad coloring. I tried many options from adobe illustrator for tracing the jpg and ...
0
votes
1answer
30 views

Vector/SVG file to optimized PNG?

I have a vector artwork (fantasy map). It has several shapes and colors but nothing drastic like gradients, masks, etc. I need to export it to a large PNG file (45k x 45k pixels) but still maintain ...
0
votes
1answer
159 views

How to smooth frayed edges of a path with curves in inkscape

I have a given shape in a bitmap format which I am trying to convert to svg. I have imported the bitmap, increased the size and converted into a path as described in this answer. Unfortunately, the ...
0
votes
2answers
79 views

When importing this SVG into Photoshop or Illustrator it looks pixelated

When importing this SVG: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42" fill="none" id="f_icon_1f2d0f1a"> <g filter="url(#f_icon_1f2d0f1a_filter0_i)"> <path d="...
0
votes
1answer
54 views

Best Format for image for touchscreen (1920 x 1080 resolution)

I have these PDF files and they are 4500px x 6646px and 300 resolution and I need to display it on a touchscreen....on this touchscreen you have the ability to zoom in and zoom out. I have converted ...
0
votes
2answers
88 views

How to produce a SVG with vectors using Adobe CC

I have a bitmap image that I try to turn into a SVG using Adobe CC. (It is a logo for a responsive website). The image is below: First I create an Adobe EPS file using PhotopShop: I use the magic ...
0
votes
0answers
39 views

Convert em units to pixel in SVG

I have converted some svg fonts into paths and saved them in a svg file. I then use the paths (by referencing the paths using the xlink:href attribute of the use element) to use the converted font ...
3
votes
2answers
344 views

Orthographic projection of 2D SVG texture map onto 3D SVG sphere

Background Looking to project a 2D texture map onto a 3D surface. Texture & Globe The SVG source for the texture map is online: The crack data without gradients, simplified: The SVG source ...
0
votes
1answer
42 views

how to export svg with only lines in illustrator?

i need to have the design of my project in lines, polygon,and polyline, but it makes them paths, it's possible to doit withouth editing the svg code directly?
4
votes
1answer
62 views

Inkscape, align objects top has space between objects

I'm trying to align object in inkscape to make a heart shape but when alligning there is a very small space between the two objects. How can I get rid of that space ? As you can see in the picture, ...
0
votes
1answer
32 views

How to change color of multiple svg files in illustrator

I have more than 600 svg icons. Each one is separate files not combined, is there a way to change the color of all of it at once in Illustrator. I am using Illustrator CS6 version. is it possible ...
0
votes
0answers
49 views

Export AI from Ilustrator to SVG looks blurry and pixelated

I am trying to export an AI file to SVG in order to embed it on an webpage. AI file is located here (diente.ai). Whatever options I choose in export menu, the svg file always looks blurry and ...