SVG Stroke/Fill & PNG Converter

This handles two unrelated conversions that both happen to start from an SVG file: rendering it as a raster PNG, and converting its stroke outlines into filled shapes. They solve different problems and are worth understanding separately rather than as one generic "SVG converter".

An SVG is drawn with vector instructions and has no pixels until something rasterises it. This renders it to a PNG at a size you choose, useful for anywhere a raster image is required and a vector is not accepted — an app icon, a favicon source, a platform that only takes JPG or PNG uploads. The output is only as sharp as the pixel size you render at; a logo needed at several different sizes should be rendered separately for each, rather than upscaling one small PNG afterward.

An SVG line can be drawn two structurally different ways: as a stroke — a path with a line width applied around it, computed live by whatever is rendering the SVG — or as a fill — a solid shape whose outline was already computed once and baked into its geometry. They can look identical on screen and behave very differently once the file leaves the environment that rendered it.

The most common reason to convert stroke to fill is compatibility with software — cutting machines, certain print workflows, some older rendering engines — that either does not support live strokes correctly or needs pure filled geometry to interpret cut lines and printable areas unambiguously.