Sprite (CSS)

From Wiki @ Karl Jones dot com
Revision as of 06:26, 15 May 2016 by Karl Jones (Talk | contribs) (See also)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

In web design, a CSS sprite displays a specific rectangular area within an image complete image.

The complete image is typically a mosaic of icons, logos, and similar visual elements. Each of these visual elements is displayed by itself using HTML elements Cascading Style Sheets.

Description

By replacing several related images with one sprite sheet and selecting the shown image with CSS properties, the number of data requests and size of files is reduced.

See also