We Just Re-Launched!

To Serve the Webgrrls community better we have been working hard on building new tools. We're in beta and would love to get your feedback. Let us know if you love the features and/or if something is not working

SPONSORED SITES

DigitalWoman.com
Need technology solutions? Join DigitalWoman on the IT fast track...websites, databases, programming, marketing, and more

Femina
Sites For, By, and About Women

TrainerNYC
Become Fit - Ask TrainerNYC!


Insights, Information & Infinite Inspiration...
Welcome to Webgrrls Wisdom, a blog to find commentaries about women's careers, business, technology, and the industry.

Convert any image to a vector image in under 3 minutes

written by Nelly Yusupova
Nelly Yusupova
Topics: Design, How-To, Software, Tech Tools, Technology
Veiw all posts written by Nelly
Follow Nelly on Twitter

Vector MagicI recently discovered VectorMagic, a website tool that will convert almost any image into vector format in under 3 minutes. Vector format images allow you to increase the size of your image to any size without pixilating it.

Most image formats like JPEG and GIF are represented as pixels. Each pixel in the image stores digital numbers representing brightness and color. As you increase the size of the image, your software has to create new pixels and it estimates the color values of the new pixels based on the surrounding pixels…thus the image becomes pixilated.

Vector image formats contain a geometric description which can be rendered smoothly at ANY desired display size. Vector images are usually created in an application called Illustrator. To convert a JPEG image to a vector based image, one has to trace the image with a Pen tool in Illustrator. This takes a long time, depending on the details of your image.

That is why when I first came across VectorMagic, I was skeptical at first and decided to test it right away.

I picked an image of a girl (see below), which is part of the Webgrrls International logo. We lost the original artwork and the only size of the image that we had was 100×104 pixels. I increased the size of the logo to 300×304 pixels.

Original Image
(100×104 pixels)
Original Image Resized
(300×304 pixels)
Not Pixilated Pixilated image

Do you see how pixilated and grainy the resized image is? Lets see if VectorMagic does a better job.

The VectorMagic Test

The JPEG to Vector image conversion process consists of 4 steps:

  1. Upload
    Select your image using the “Browse” button and upload it to the Vector Magic server
  2. Configure
    The Configuration Process consists of you answering 4 questions below designed to help the application trace the image more accurately.
    • What type of image is this?
    • What is the quality of your image?
    • Does your logo have only a few colors?
    • Select the color palette
  3. Vectorize
    The vector image is created and you are presented with the original and the vector image side by side. On the right hand side you have troubleshooting options to tweak the image if necessary (see the screen by clicking here).
  4. Review & Download!
    Once you are happy with the results, you can download the vectorized image as an EPS file, which you can open in Illustrator and tweak yourself if necessary.

Here is what my image looked like in Illustrator. The blue dots and lines represent the vector drawing.  You can move the vector points to adjust the layout and drag the blue lines to resize the image to ANY size.

Vector Magic Final

Here is the final image resized to 300×318 pixels. The outcome is almost PERFECT!  The only adjustment that I will have to make is on the top of the W on the girl’s shirt to remove the gray fill.

Vector Magif final

 

 

Way to go VectorMagic!


Related posts:

  1. Improve wordpress blog performance with Super Cache
  2. Project a professional image with your email address
  3. Save time with text replacement software

Did you enjoy this post? Comments (9)

9 Comments »

Comment by Technomadgurl
2008-03-14 10:34:57

WOW – VERY COOL!
I just discovered this website and specifically this article. BIG help!!! I just started a new job at supercheapsigns.com and know nothing about how signs are created so now I am learning with the help of this website. Thank you

 
Comment by lkyrog
2009-03-22 11:04:40

This service is great for sign makers or persons who would like to convert a jpg or bitmap to a vector drawing to upload to internet sign & banner makers or take to thier local sign shop. The way it does it automatically online is fantastic!

 
Comment by Diane DP
2011-02-03 02:21:33

OMG I wish I had read this before I asked a local printer, printing out a batch of 200 donation acknowledgement cards…. the charity had been using a printer which closed down, and then asked me to handle arrangements at a new place. No digital images existed of the charity’s logo…. and we had to pay a graphic designer to re-create it. Would’ve saved me money… if I had known!

Well, it is not too late to add it to my signature on emails, now is it!

 
Comment by going freelance
2011-04-14 04:13:50

HI, just found this site – we used the Vector Magic tool and it is amazing! would not have found it without this article – thank you very much.

 
Comment by Michael
2011-09-21 10:06:59

I could not gain access to the VectorMagic link. Can you help?

Comment by Nelly Yusupova
2011-09-21 11:17:35

Hello Michael,

It appears VectorMagic changed their url to: http://vectormagic.com/home. We updated the post to reflect the url change

Nelly

 
 
2012-02-03 16:10:40

This is very interesting. I have actually been looking for something to help me convert images to vectors. Nice!

 
Comment by Em Howes
2012-02-22 20:14:01

Thanks. This tutorial just came in handy. I had to convert a logo into a vector format and needed a little help. Your instructions were easy to follow.

 
Comment by mariah
2012-04-04 17:20:33

Big help and very user friendly now any suggestions how I can turn a photograph into a logo:-)

 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

© 1995 - 2014 Webgrrls International, Inc. All Rights Reserved.