博客
面向设计师和开发者的 SVG 实用指南、问题排查方法和工作流建议。
如何优化 SVG 文件而不破坏图形
一套实用的 SVG 优化流程,在缩小文件体积的同时保留外观、可访问性和兼容性。
处理不可信 SVG 文件的安全检查清单
使用未知来源的 SVG 前,检查脚本、事件处理器、外部资源和嵌入方式。
实用的 SVG 可访问性指南
让有意义的 SVG 能被屏幕阅读器理解,并让纯装饰图形退出可访问性树。
SVG 优化
解释 viewBox、路径精简、属性清理、脚本移除和输出体积之间的关系,并提供可复现的检查步骤。
转换与兼容性
整理 SVG 与 PNG、WebP、Data URI、CSS 和框架组件之间的转换方法,以及不同浏览器中的兼容注意事项。
设计与开发工作流
覆盖图标交付、设计系统、可访问性、响应式嵌入和版本控制中的 SVG 实践。
问题排查
针对 SVG 不显示、裁切错误、颜色异常、字体缺失和安全警告等问题提供逐步排查方法。