D
D
Denis2016-12-22 15:43:38
Icons
Denis, 2016-12-22 15:43:38

Export to SVG. Photoshop, Illustrator, Sketch. How right?

Questions to fellow layout designers and understanding designers.
Faced two problems:
1. I show on an example. The layer in the psd layout, made with a vector shape, looks like this: I
1947902b1b6e43099b517b0cdb42cf9b.png
open the layout in Photoshop, export the layer to svg via Export as - as a result, some information is lost. If you use the Copy SVG function and save the result to a file, the icon is displayed normally. Here is the fiddle - https://jsfiddle.net/f8ohfpv0/
Who is to blame? Me, designer or software? What can be done here, has anyone experienced this?
2.Sometimes I need graphics with the fill and stroke attributes written in the markup, and sometimes without these attributes, so that I can style them through CSS. And here's the question: is it possible in graphic editors (specifically in Photoshop, Sketch and Illustrator) to set such settings (styles through attributes or through CSS) when exporting?
IcoMoon please don't suggest, it can trim attributes but can't add them based on CSS. I hope to find a solution that will allow you to immediately receive SVG of the required format from the graphic editor.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
D
Denis, 2016-12-22
@Denis25

A familiar designer shows that Illustrator has the necessary setting when exporting
In Photoshop, I found only this, not a word about styles
Question 1 and the question about export settings in Sketch and Photoshop are still relevant.

O
Oleg, 2016-12-22
@werty1001

1. In my opinion, Photoshop with SVG did not work for a long time, if normal icons are needed at the output, just ask the designer to apply them separately (like fonts), and let everything be raster in the layout.
2. Illustrator and sketch vector editors, so of course they can edit the vector as they please. In sketch, you can set the fill, border, shadow, gradient, and so on, and also draw a normal icon on the grid, in general, a cool thing, I usually design in the browser, but I always make icons in it.
You won’t be able to get a production icon right away from the editor, as editors add all sorts of garbage: meta tags and titles that need to be removed can be handled, but usually the collector does this, removes garbage and compresses the icon code.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question