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

SVG-edit is a fast, web-based, JavaScript-driven SVG image editor that works in any modern browser. It’s a great tool for fast editing, without using complex software.


4. Covert SVG to HTML5 canvas element

This tool converts SVG into HTML5 Canvas JavaScript function. Most of vector graphics software can export files as SVG. Simply include the code and get it converted.


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.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You may also like