The SVG field guide

Know the file
you hand over.

Choose a useful format. Check the paths. Catch the details that only show up on someone else’s screen.

Vectorize your logo · 11 min read

How to vectorize a logo from PNG or JPG

Vectorize a PNG or JPG logo, compare the actual trace, repair small details and export an SVG. Includes Vectali and Inkscape workflows.

Choose a format · 11 min read

Choose PNG or SVG for a website, fixed-size upload or design handoff. Compare real file sizes, transparency, editing and conversion tradeoffs.

Inspect a file · 8 min read

Check whether your SVG contains vector shapes, embedded pixels or both. Inspect real example files, follow references and test the delivered logo.

Work with a small source · 10 min read

Find a better original, test a small logo and decide when to trace or redraw. Includes a real 64-pixel result and checks for blurry lettering.

Check backgrounds · 9 min read

Find out whether the problem is a canvas, background shape, embedded image or pale edge. Repair the right object without deleting white logo details.

Understand pixels and paths · 11 min read

Understand pixels, paths and scaling with practical examples. Learn when to keep a PNG or JPG, when to use SVG, and what vectorization can change.

Put it into practice