kennethnym/aris
1
0
Fork 0
mirror of https://github.com/kennethnym/aris.git synced 2026-02-02 13:11:17 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
286a933d1e9c163dc058e003407f92ff74a1002c
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