图片工具

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代码。