CSS 雪碧图生成器

CSS 雪碧图生成器常见问题

CSS 雪碧图生成器怎么使用？

先选择符合 image/* 的文件，再使用「生成雪碧图」、「预览」完成操作。可先用「图片间距 (px)」中的示例 「2」熟悉输入格式，再替换成自己的数据。

排列方式有哪些选项？

本页提供「水平排列」、「垂直排列」、「紧凑排列」选项。先按实际输入和目标选择「排列方式」，再执行操作；比较两次结果时，保持其他参数一致，避免把不同模式的结果混在一起。

CSS 雪碧图生成器的结果应怎样理解？

先用最小示例验证，再将结果放回实际开发环境检查。语言版本、运行环境、编码和配置项可能与浏览器中的处理规则不同。

输入内容会保存或发给外部服务吗？

本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接，以及带外部地址的内容预览仍可能产生网络请求；“本地处理”并不表示整个网页完全没有网络活动。

没有结果或操作失败时先检查什么？

先等待图片或画布完成加载，再尝试预览或导出。远程图片未允许跨域访问时可能无法导出；可改用本地文件，并用较小尺寸排查内存不足问题。

相关工具

SVG Sprite 生成器 · CSS 格式化 · Box Shadow 生成器 · CSS 动画生成器 · 全部开发工具