[Inkscape] How to create SVG file with an existing PNG image

Sometimes we need to extract part of the SVG from a PNG image. This post will show how to do it with Inkscape. I will take the Filebase logo as an example.

Remove the white background

1. Open the graphic software Greenfish Icon Editor
2. Drag the .png file into the software
3. Fill the colorful part with the black color
   
4. Apply the white background to transparent with the color picker setting on the right bottom
   
5. Save it as a png file with the original resolution
   

Convert the png file to svg file

1. Open the graphic software Inkscape
2. Drag the previous .png file into the software
3. Place the image at (0,0)
   
4. Record the original width and height in specific unit
   
5. Go to the Document Properties... in the File menu or press Shift+Ctrl+D, and edit the width and height as recorded previous and tick the Checkerboard background option
   
6. Save the file as a plain svg format
   
   

---

Enjoyed this article? Support my work with a coffee ☕ on Ko-fi.