在线雪碧图生成器是一款全程在浏览器本地运行的工具，图片不会上传到任何服务器，安全可靠。 主要功能： 1. 拖拽上传 点击上传区域或直接将图片拖拽到页面中，支持 PNG、JPG、GIF、WEBP 格式，可一次性批量选择多张图片。 2. 灵活排列 支持三种排列方式：水平排列（横向拼接）、垂直排列（纵向拼接）、网格排列（自动换行）。可设置图片间距、固定宽高、输出格式等参数。 3. 一键生成 点击「生成雪碧图」按钮，系统自动将所有图片合并为一张雪碧图，并实时预览生成结果，显示最终尺寸。 4. CSS 代码自动生成 生成雪碧图的同时，自动输出每张图片对应的 background-position 定位代码，支持切换查看 Flexbox 和 CSS Grid 布局代码，点击「复制」即可粘贴到项目中使用。 5. 可视化布局预览器（新手专用） 内置 Flex / Grid 布局可视化预览器，实时调整对齐方式、间距、换行等参数，即时看到效果并复制对应 CSS 代码，帮助前端新手快速理解布局原理。 6. 导出功能 支持下载生成的雪碧图图片文件，或一键复制 Base64 编码，方便直接嵌入 CSS 或 HTML 中使用。 操作提示： 鼠标悬停在已上传图片上，点击右上角「×」可删除单张图片 点击「清空全部」可一键移除所有图片重新上传 所有操作均在本地完成，无需联网