博客

面向设计师和开发者的 SVG 实用指南、问题排查方法和工作流建议。

SVG 优化

解释 viewBox、路径精简、属性清理、脚本移除和输出体积之间的关系,并提供可复现的检查步骤。

转换与兼容性

整理 SVG 与 PNG、WebP、Data URI、CSS 和框架组件之间的转换方法,以及不同浏览器中的兼容注意事项。

设计与开发工作流

覆盖图标交付、设计系统、可访问性、响应式嵌入和版本控制中的 SVG 实践。

问题排查

针对 SVG 不显示、裁切错误、颜色异常、字体缺失和安全警告等问题提供逐步排查方法。