Sprite Sheet
Combineer meerdere afbeeldingen in sprite sheet
Geavanceerde ExportsSprite Sheet
Combineer meerdere afbeeldingen in sprite sheet
This tool is part of our Phase 2 implementation. Check back soon!
Over Deze Tool
Combineer meerdere individuele afbeeldingen in een enkele sprite sheet-afbeelding met corresponderende CSS of coördinaatdata. Sprite sheets reduceren HTTP-verzoeken en verbeteren prestaties voor icoonverzamelingen.
De tool organiseert uw inputafbeeldingen in een geoptimaliseerd raster, genererend zowel de gecombineerde afbeelding als positioneringsdata (CSS-coördinaten of JSON). Het resultaat maakt het tonen van individuele iconen mogelijk door alleen het relevante deel van de gecombineerde sprite sheet te tonen.
Webontwikkelaars die icoonbibliotheken optimaliseren voor prestaties. Game-ontwikkelaars die animatiesprites creëren. UI-ontwerpers die icoonsets verpakken, en prestatie-optimizers die HTTP-overhead reduceren door assetconsolidatie.