drububu.com, portfolio arjan westerdiep

Bitmap Image to 'Pixel Perfect' Vector Conversion

If you want to use your images as vector graphic you need to convert your bitmap image into a resolution independent vector graphic. This process is referred to with several names, such as trace bitmap, raster to vector, vectorize image, pixel to illustrator, bitmap to vector, etc..

Drag and drop an image (PNG, JPG or GIF) into the dashed field.

  • Input PNG, JPG or GIF. Output, highly optimized SVG (Scalable Vector Graphics).
  • Your image is not stored on a server; all data is processed on your local machine.
  • Adjust the roundness of the corners for a 'pixel perfect' result (default) or a more artistic, organic result (and all options between).
Copy and paste the content of the textfield into a plain-text editor and save the file as .svg or .ai.
quote One of the advices you hear in all the discussions about responsive images and images for retina displays is to use vector graphics whenever possible. Arjan Westerdiep created this incredible tool that converts bitmap images to SVG or AI files. This belongs in your toolbox. quote Smashing Daily #52 / dailynerd.nl
featured on the daily nerdjs goodiessmashing magazine

Use the popup version for your convenience.

The HTML5 application on this page converts your bitmap image online into a Scalable Vector Graphics.
The result is a 'pixel perfect' vector graphic file which can be used in Adobe Illustrator, Inkscape or any other vector graphics editing program which support the open Scalable Vector Graphics fileformat.

SVG & HTML

Information about using SVG can be found on the excelent website css-tricks.com by Chris Coyier.

<< 47 48 49 50 51 52