Convert List to Image

The canvas is rendered to a backing store scaled by window.devicePixelRatio (capped at 3×), then CSS shrinks it back to logical pixels. So a 800×600 logical image is drawn into a 1600×1200 buffer on a 2× display – text edges stay sharp. Older tools that ignore DPR produce blurry preview text on the same machines.

It’s the wrap boundary for the image (and therefore the canvas’s logical width). Items longer than the available content area (maxWidth − 2 × padding) get word-wrapped onto additional lines. A single 5,000-char paragraph becomes 30 wrapped lines instead of a 12,000-pixel-wide image.

Canvas fillText uses the platform’s font renderer (CoreText on macOS, DirectWrite on Windows, FreeType on Linux). Smoothing is on by default and you get the platform’s preferred sub-pixel rendering. That’s why the same image looks slightly different across operating systems – by design.

Not in this offline-only build – fonts need to be installed on your machine for Canvas to render them. The 7 included families work because they’re system-installed almost everywhere. To use a custom font (e.g., Inter, Manrope), you’d need to load it via @font-face and a CDN, which would break the no-network constraint.

PNG for any image with text – it’s lossless so the text edges stay sharp. JPEG only if file size really matters and the image has photographic content. JPEG quality below 80% introduces visible “ringing” around letters; at 50% text looks blocky. The slider only appears when you select JPEG format.

Pure typography – same logic, different glyph. Bullets (•, U+2022) are the standard list marker. Dashes (-, U+2013) feel like a typographic checklist. Stars (★, U+2605) are for highlights or ranking. Arrows (→, U+2192) signal steps or causation. Numbers prepend 1. 2. 3. Numbers respect alignment (right-aligned lists look like ranked tables).

Only if you pick a transparent-looking color – there’s no alpha picker. Workaround: pick a background color that matches your destination (e.g., the same gray as your slide), then no extra editing needed. For true transparency you’d need a different tool that exposes the alpha channel.

Hard cap on max-width is 2000 px logical. Height has no hard cap but is constrained by browser canvas memory – most browsers fail above 16,384 px on either axis. A 50-item list at 18 px font / 1.5 spacing fits comfortably below that. Very long lists should be split into multiple images.

No. All Canvas rendering happens in your browser using the platform’s 2D rendering APIs. Open DevTools → Network and confirm zero requests fire after the page loads – even when you Generate or Download.

Yes. Total bundle is under 25 KB. Once loaded, disconnect from the internet and keep generating images. Useful for prepping social-media assets from a confidential dataset without round-tripping through cloud services.