Question 1

What is a CSS sprite sheet?

Accepted Answer

A CSS sprite sheet combines multiple small images into a single larger image. You use CSS background-position to display only the part you need, reducing HTTP requests and improving page load speed.

Question 2

What layout options are available?

Accepted Answer

You can arrange images vertically (top-to-bottom), horizontally (left-to-right), or in a grid. Vertical is most common for icon sets.

Question 3

What image formats are supported?

Accepted Answer

PNG, JPG, GIF, WebP and SVG. The output sprite is always PNG for transparency support.

Question 4

Are my images uploaded to a server?

Accepted Answer

No. All processing happens in your browser. Images are loaded into canvas elements locally and never leave your device.