SVG for Designers


SVG matters to designers because it allows us to stay away from heavy graphic files and resolution hurdles. Regardless of the screen it is rendered on, an SVG will remain crisp and clean, with a shorter page loading time than a PNG or JPG. It is an ideal scenario in many aspects, but it does not have the most straightforward exporting process.

Since an SVG file is text based, it is likely that the editor you are using to export the file does not output the cleanest or most perfect code. Unlike raster images, the code is a description of the graphic that you have designed, translated into a human-readable text file, so its size does not depend on the file’s resolution. It contains a description of its shapes, gradients, layers, effects, masks, and so forth. Because of these idiosyncrasies, the way you build your graphic will condition the code.

Read more