图片工具
CSS 精灵图生成器
将多张小图片合并为CSS精灵图,自动生成对应的CSS背景定位代码。
imagespritecss spritegeneratorcombinesheet
CSS 精灵图生成器
拖拽多张图片到此处或点击上传
What is CSS 精灵图生成器?
CSS精灵图生成器可将多张小图片合并为一张精灵图(Sprite Sheet),并自动生成对应的CSS背景定位代码。使用精灵图可减少HTTP请求数量,提升网页加载性能。支持水平和垂直排列,自动计算每张图片的位置坐标。
When to Use CSS 精灵图生成器
用于优化网站图标加载性能、合并UI小图标为精灵图、减少HTTP请求数量、或为游戏创建精灵图表。
How to Use CSS 精灵图生成器
上传多张小图片,选择排列方向和间距,点击生成精灵图,下载合并图片和CSS代码。