Find solution
How do I convert a bitmap to vector?

How to convert poor quality bitmap image to vector?

  • I'm designing a website for a group which has lost the original digital image for their logo. The only file they have of it is a jpg which was embedded into a word document. The image has everything possible wrong with it: Anti-aliased onto a white background where it should be transparent Image artefacts Resized downwards poorly. Lines that should be straight and solid aren't. I've currently used the wand tool to get rid of the white background, and stuck it on the website, but it's poor quality makes it stick out like a sore thumb. I need a few different sizes of it to use, so how would I go about creating a vector image based on it?

  • Answer:

    I think there's also an open source solution for this, besides Adobe software: http://www.inkscape.org/ I've had the same problem a couple of years ago with a dozen of logos, and were able to solve it with Inkscape this way: Open the bitmap image. Left click on it to select it. Path / Trace Bitmap Now you have to start experimenting with the possible settings, and refreshing the preview on the right side of the dialog. "Inkscape incorporates the Potrace program (http://potrace.sourceforge.net) to provide this functionality, and in-depth documentation about the function of this feature can be found at the web site for Potrace." - from Inkscape documentation. Save as SVG.

Macha at Super User Visit the source

Was this solution helpful to you?

Other answers

There are 2 options that I have used, but they require software that is not on the cheap side. Adobe does provide 30 day trials on both. Method 1 - Using Adobe Illustrator Open Illustrator Select File > New from the menu and setup the layout as needed Select File > Place... and find the logo file (I can't recall if the image has to be a specific format) Select the image and go to Object > Live Paint or Live Trace (in your case live paint might be better since drawing is not your forte) The image should now be vectorized and you can retouch as needed and resizing will maintain quality since it has been vectorized. Method 2 - Using Adobe Flash & Illustrator Open Flash Create a new flash document Choose File >Import > Import to stage (Ctrl+R) and find the (bitmap graphic), which you want to convert into a vector one. Select the entire picture (Ctrl+A) and then click Modify – Bitmap - Trace bitmap. Then, choose the options from the window that opened. Export as *.ai (Adobe Illustrator file) Open in Illustrator and adjust as needed.

ricbax

The http://www.imagemagick.org/ Usage docs have a good explanation of how to perform edge detection and http://www.imagemagick.org/Usage/transform/#edge%5Fvector conversion. From the edge_vector section, which begins by saying, essentially, for best results, don't use imagemagick: Programs that can do this include: "ScanFont", "CorelTrace" and "Streamline" by Abobe. Most of these however cost a lot of money. But a free solution is "http://autotrace.sourceforge.net/" or "http://potrace.sourceforge.net/". Other suggestions are welcome. Both trace programs are simple to use, but requires some pre and post image setup. They have a limited number of input formats, and outputs a vector image which will create a 'smoothed' form of the input image. I prefer the "AutoTrace" as it does not scale the resulting SVG, producing a standard line thickness, however you can not use it in a 'pipeline'. For best results it is a good idea to ensure we only feed it a basic bitmap image, which we can ensure by thresholding the input image, while we convert it to a image format autotrace understands. I can then convert that image into a SVG vector image. You can run http://www.roitsystems.com/cgi-bin/autotrace/tracer.pl if you want to try it out.

DaveParillo

Without seeing the image it's difficult to say, but it might be quicker to just redraw it from scratch using the jpg as a guide rather than the source. You'll also get a reference image you can use again. Obviously this might not be an option if you don't have the tools or your drawing skills aren't (trying to say this politely) up to the job.

ChrisF

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.