SVG Image Converter

The SVG Image Converter is a graphic utility to render Scalable Vector Graphics (SVG) files or raw XML code into PNG or JPG bitmap images at custom resolutions. Powered by HTML5 Canvas and `XMLSerializer` in your browser, it processes all vector-to-bitmap rendering locally. Many converter tools upload proprietary vector files (like company logos or graphics) to third-party servers, posing security risks. This tool processes everything in your browser's temporary memory, ensuring absolute data privacy. [Rendering Principles & CORS Canvas Tainting] SVG is an XML-based vector graphic format. To convert it to a bitmap, the tool serializes the SVG DOM tree into a Data URI string (`data:image/svg+xml;...`) and loads it into a virtual image instance. This image is rendered onto a Canvas container using `drawImage` at your target pixel resolution and exported as a PNG or JPG file. A critical limitation is **'Canvas Tainting (CORS)'**. If the SVG contains external links (e.g., Google Fonts or remote image assets), browser security rules taint the canvas, blocking exports via `toBlob`. This tool scans the SVG XML tree to detect external links, showing detailed error warnings and workarounds if potential failures are found. [Step-by-Step Guide] 1. Upload your SVG file or paste the raw SVG XML code into the input area. 2. Configure output settings (target width/height). Proportions are locked to prevent stretching. 3. Click 'Convert to PNG' or 'Convert to JPG' to render the canvas preview. 4. Click 'Download' to save the final bitmap image to your device. [Frequently Asked Questions & Precautions] - Q: Why does it show a 'Canvas Tainted' or security error during export? - A: The SVG contains links to remote images or web fonts. Re-convert after embedding the assets directly into the SVG as Base64 inline strings, or replace external font links with local font families.