How Client-Side HTML5 Canvas Resolves currentColor and Strokes
Most open-source UI icons set stroke="currentColor" so buttons can color them via CSS. Outside an HTML page, currentColor defaults to pure black (#000000), which looks invisible on dark Discord embeds or dark email headers. The SVG Nexus PNG & WebP Converter resolves custom fill, stroke, and stroke-width overrides directly onto the SVG DOM before painting it to an HTML5 <canvas> element.
Selecting the Right Preset Size (64px to 2048px) and Format
| Preset Dimension | Recommended Format | Target Platform / Asset |
|---|---|---|
| 64 × 64 px | PNG (alpha) | Toolbar thumbnails, email inline bullets, compact avatars |
| 128 × 128 px | PNG / WebP | Slack/Discord custom emoji, Chrome extension store icons |
| 256 × 256 px | WebP / PNG | Documentation callouts, Notion icons, desktop notifications |
| 512 × 512 px | PNG (alpha) | PWA manifest icons, Android Play Store & macOS dock previews |
| 1024 × 1024 px | PNG / WebP | iOS App Store marketing assets, Retina hero badges |
| 2048 × 2048 px | PNG / WebP | 4K slide decks, press-kit logo downloads, print mockups |
Choose Transparent Alpha when placing the bitmap over variable UI cards, or pick a Solid Background Color when generating iOS homescreen icons (where iOS replaces alpha channels with solid black).