SVG (Scalable Vector Graphics) is an XML based vector image format and an open standard developed since 1999 by W3C. The advantage of SVG is that it preserves the quality and detail after modifying the image size. It can be rendered at any resolution and is supported by all major browsers: Google Chrome, Firefox, IE 9-10, Safari, Opera.
SVG is the best image format for responsive web design, and as we pointed in our web design trends for 2015, it can become the default image format on the web in the future.
We compiled a list of free online tools that will help you manipulate your SVG files:
1. Covert an image to SVG format
PicSVG – a cool tool that allows you to convert your images to SVG format. Simply upload your image in JPEG, JPG, GIF or PNG (max file size = 1Mb) and convert it to SVG. Save your SVG image and use it wherever you wish.
2. Create a font from SVG
Use IcoMoon to convert SVG to a font file (.ttf) and easily include and customize it within your design. Use existing free icon packs or create your own icons in IcoMoon.
3. Edit SVG images online
4. Covert SVG to HTML5 canvas element
5. Optimize SVG
SVGO is a node.js based tool for SVG optimization. It allows you to optimize the SVG code after exporting it from the editor, and then embed it on your web page.
Do you know more online tools for SVG file manipulation? Leave a comment and tell us about them.