This PSD file will demo image sprite sheets created with optional CSS, XML or JSON support. All PSD layers will reposition and render as a single image automatically, with each layer referenced via code. This makes it easy to minimize your bandwidth as users will download a single image rather than several smaller ones.
Add any Sprite assets inside your PSD and Export Kit will automatically reposition each element to create a single Sprite Sheet image. You can create any design and place your elements anywhere in your PSD, but we suggest you keep all elements visible for easy future edits.
Learn how to Create Sprite Sheets.
Testing the PSD
Use Exports view to see the output of the document. You can add any image to the document and Export Kit will manage the image position and rendering.
Using Exports View
Export the PSD in your required environment to see how shapes are rendered in your output.