What is Vectorization?
Vectorization converts a raster image (made of pixels) into a vector graphic (made of mathematical shapes). While raster images become pixelated when enlarged, vector graphics can be scaled to any size without quality loss.
The result is an SVG file (Scalable Vector Graphics) consisting of paths, curves, and shapes. SVG files are text-based, can be styled with CSS, and remain crisp at any size.
Formidex vectorizes your images directly in the browser. Images with clear contours and few colors work best, such as logos, icons, illustrations, and line drawings.
How does Vectorization work?
The algorithm analyzes the raster image and detects edges and color areas. Bezier curves are fitted along edges to trace the contours as accurately as possible. Connected color areas are represented as filled paths.
Accuracy is adjustable: higher accuracy creates more paths and a more detailed representation but also larger files. Lower accuracy simplifies shapes and produces more compact SVGs better suited for simple graphics.
Tips for best results
Logos and icons with clear edges and few colors yield the best results. The simpler the source image, the cleaner the vector graphic. Photos with many colors and soft gradients are largely unsuitable for vectorization.
Prepare the image before vectorizing: increase contrast, remove the background, and ensure edges are sharp. A clean source image makes the difference between a usable and a perfect vector graphic.
Compare different accuracy levels. For a logo, a medium setting often suffices, creating clean curves without too many anchor points. Excessive accuracy can lead to jittery paths.
Common use cases
Make logos scalable: a logo must look just as sharp on a business card as on a billboard. As a vector graphic, it scales to any size without quality loss.
Icons and illustrations for websites: SVG files render directly in the browser, look sharp on retina displays, and can be animated with CSS. They are therefore the preferred format for website graphics.
Create print templates: print shops often require vector files since they are resolution-independent. If you only have a raster image, vectorization is the fastest path to a print-ready file.