Text-to-SVG: size, proportions and lettering

The first illustration comes from the text-to-SVG walkthrough. The second adjusts its colors and preserves its proportions through a manual SVG edit. The NORTH example shows lettering written directly as SVG text.

A wide illustration in square slots

Original wide composition stretched into a square
Original · 128 × 128
Manual file fitted proportionally inside square
Manual · 128 × 128
Manual document composition at 24 pixels
Manual · 24 × 24

Preserving proportions prevents distortion; it does not make the detail readable in a small square.

A wider placement

Manually corrected blue document-to-vector artwork at 240 by 120

The wide composition has more room at 240 × 120.

On a dark background

Blue document-to-vector artwork on dark background

Literal lettering

NORTH in green literal SVG text

This lettering was written by hand as live SVG text. Its appearance depends on which fonts are available.