Inkscape

Again, Inkscape is a free and open-source vector graphics editor. Open Inkscape Right click and choose Trace Bitmap, just simply click OK After trace bitmap, the original svg file is still in the background, we need to resize the front processed svg in order to showing out the original svg file. And delete it Done In this example, the svg image has full black color surround it. We should make some space for it so that it can look better. Set image size 22px, document size 24px, starting point is (1,1)

Inkscape is a free and open-source vector graphics editor. Open the graphic software Inkscape Drag the svg file into the software Adjust the width and height Press Shift+Ctrl+E to open the dialog of Export PNG Image Change to Page tab and adjust the Width and Height. Set up the output path with the button Export As Export the file with the button Export

Sometimes we need to extract part of the SVG from the original SVG image. This post will show how to do it with Inkscape. I will take the Storadera logo as an example. Go to Storadera website, we can see the company logo and download the logo Open the logo with web browser and inspect the element. We can see the logo is originally svg file. Open the graphic software Inkscape Drag the downloaded logo into the software Ungroup the logo Delete the text part, only keep the logo Place the logo at (0,0) Record the original width and height in specific unit Press Shift+Ctrl+D to edit the width and height and tick the Checkerboard background option Hold Ctrl and scroll the mouse to zoom up the image if it is too small Adjust the image position with up, down, left, and right arrow key Hold Ctrl and hover the mouse on the double direction arrow to adjust the image size. This will make a margin for the final image, which looks better Repeat the step#11 again for the image Change the color if necessary Save the file as a plain svg format

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 Open the graphic software Greenfish Icon Editor Drag the .png file into the software Fill the colorful part with the black color Apply the white background to transparent with the color picker setting on the right bottom Save it as a png file with the original resolution Convert the png file to svg file Open the graphic software Inkscape Drag the previous .png file into the software Place the image at (0,0) Record the original width and height in specific unit 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 Save the file as a plain svg format