rendering_svg_precision

从Vercel导入技能：rendering_svg_precision

SKILL.md

--- frontmatter

description: Imported skill rendering_svg_precision from vercel
name: rendering_svg_precision
signature: ed468533f6e95f622859c884b122cf21f9f593ed6bb3d500a54de4b9f9bcb9fb
source: /a0/tmp/skills_research/vercel/skills/react-best-practices/rules/rendering-svg-precision.md

title: Optimize SVG Precision impact: LOW impactDescription: reduces file size tags: 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):

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