About

The core problem with most vector conversion tools is that they rasterize the image after fixing the dimensions, rather than before. This results in the dreaded "fuzzy edge" artifacting when you attempt to use the resulting PNG on high-density displays. Accuracy in this conversion process is non-negotiable for professional workflows.

This tool operates differently. It parses the raw XML of the SVG, injects scaling instructions at the source level, and renders the vector data directly onto a high-precision canvas. This allows for Scale factors of 10x or even 100x without a single lost pixel. Furthermore, it addresses the common developer friction of color management by allowing you to inject CSS overrides (changing fill or stroke) into the batch before processing.

Whether you are generating assets for an iOS bundle requiring @3x density or preparing a logo for print at 300 DPI, this engine ensures mathematical precision in the final raster output.

Formulas

To calculate the required pixel dimensions P for a target physical size L (in inches) at a specific print resolution D (DPI), use the fundamental rasterization formula:

P = L × D

When dealing with screen density scaling (e.g., Retina displays), the output dimension W_out is derived from the base vector width W_base and the density multiplier M:

W_out = W_base × M

Reference Data

Platform / Standard	Asset Type	Dimensions (px)	Aspect Ratio
iOS (Apple)	App Icon (iPhone) @3x	180 × 180	11
iOS (Apple)	App Icon (iPad Pro) @2x	167 × 167	11
Android	Play Store Icon	512 × 512	11
Android	Adaptive Icon (Foreground)	432 × 432	11
Web Standard	Favicon (Modern)	196 × 196	11
Social Media	OpenGraph Image	1200 × 630	1.911
Video	YouTube Thumbnail	1280 × 720	169
Print (A4)	Full Page @ 300 DPI	2480 × 3508	1√2

Frequently Asked Questions

This happens when you convert an SVG at its default size (often 24px or 48px) and then let the mobile device scale it up. The solution is to use the "Multiplier" feature in this tool to export at 3x or 4x the original size, ensuring the PNG is pixel-perfect for high-density screens (Retina/OLED).

Yes. This tool includes a "CSS Injection" engine. You can specify a new HEX color code in the settings panel, and the tool will programmatically override the fill attributes of your vectors before they are rendered into PNGs.

The tool respects the individual aspect ratio of each file. If you set a "Height Constraint" of 500px, every image will be exactly 500px tall, and the width will adjust automatically to prevent distortion. If you use "Scale Multiplier", each image is scaled relative to its own intrinsic size.

The limit is defined by your browser's Canvas API implementation. On most modern desktop browsers, the maximum safe dimension is roughly 8,000px to 16,000px per side. For extreme print sizes (billboards), specialized desktop software might be required.