kennethnym/aris
1
0
Fork 0
mirror of https://github.com/kennethnym/aris.git synced 2026-02-02 21:21:21 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
fffcccc22707b40d4dffb7e4a4b04e5735fd5020
aris/.claude/skills/vercel-react-best-practices/rules/rendering-svg-precision.md
kenneth 331a2596fa Add Claude skills for React best practices and web design 
- react-best-practices: Performance optimization patterns (client-side only)
- web-design-guidelines: UI review against Web Interface Guidelines

Co-authored-by: Ona <no-reply@ona.com>
2026-01-17 11:53:08 +00:00

588 B
Raw Blame History

title, impact, impactDescription, tags
title impact impactDescription tags
Optimize SVG Precision LOW reduces file size rendering, svg, optimization, svgo

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):

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

Correct (1 decimal place):

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

Automate with SVGO:

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