Back to Cal

Optimize SVG Precision

.opencode/skill/vercel-react-best-practices/rules/rendering-svg-precision.md

6.2.0458 B
Original Source

Optimize SVG Precision

Reduce SVG coordinate precision to decrease file size. The optimal precision depends on the viewBox size, but in general reducing precision should be considered.

Incorrect (excessive precision):

svg
<path d="M 10.293847 20.847362 L 30.938472 40.192837" />

Correct (1 decimal place):

svg
<path d="M 10.3 20.8 L 30.9 40.2" />

Automate with SVGO:

bash
npx svgo --precision=1 --multipass icon.svg