Rasterize vector SVG files to transparent PNGs
An SVG (Scalable Vector Graphic) is fundamentally different from a JPG or PNG. A JPG is a literal physical grid of colored pixels.
An SVG is actually just a text file containing XML markup and mathematical equations (e.g., <circle cx="50" cy="50" r="40" fill="red" />).
Because an SVG is math, it can be drawn at the size of a postage stamp or the size of a billboard with perfect sharpness. But to save it as a standard PNG image, we must Rasterize it—converting the math back into a static grid of pixels.
To do this securely in the browser, this tool reads your SVG text file, encodes it into a Data URI, and loads it into a virtual <img> tag in memory.
We then draw that virtual image onto a physical HTML5 Canvas at your requested resolution.
This forces the browser's C++ rendering engine to calculate the math for that specific size and freeze the output into hard pixels, which can then be exported as a standard PNG file.
Why does an SVG file never get pixelated or blurry when you zoom in on it?
