No More Jagged Edges

I can’t remember where I first found this… maybe Lifehacker?

VectorMagic is an online utility that lets you upload a bitmap image and it will convert it to a vector image. In plain speak, bitmaps pictures made using dots, like a newspaper. Vector images are basically formulas that make a line, including curves, like we learned in high school match. Since the curves adjust no mater what size, you don’t get the jagged edges when you zoom in on an image.

Here’s a copy of the edubuntu logo, the original clipped from the website was 90pixels by 90pixels. See how it looks jagged when I scale it to be 250×250? The last image is what I got after running it through VectorMagic, a free, online utility that turns bitmaps to vector images. The final product was 90×90, but when scaled up to 250×250, it still looks the same.

edubunto png logo 90

edubuntu png 90On the left is the original logo - PNG format 90×90. It looks pretty good, right? But if I take that same image, and blow it up, either in my graphics program or by changing the HTML code, like I did with the image on the right, you get an image that is all blurry looking.

 

edubuntu vectorized 250

And here’s what it looks like after being run through VectorMagic. Now, this specific image is saved as a PNG, same as the others, but I also have it saved as an SVG type, which can be edited in my graphics program and made any size, without effecting the quality of it. I saved it as PNG because most browsers do not display SVG images properly.

 

This is handy for… well, lots of stuff. And while it is more geared towards things like logos, try it with a photograph, you may get some interesting results.

VectorMagic [Stanford University Artificial Intelligence Laboratory]