5. Summary and References


Summary

          Web pages can reach large file sizes because of images and other graphical components. To reduce the number of separate files that could result in multiple client requests, images are combined into a single, bigger image. A single image only requires one client request for the web page to load all images. This single image composed of multiple images is called an image sprite.

          The needed images are displayed by defining the portion of the image sprite that contains the image.

References

Coyier, C. (2017). Css sprites: what they are, why they're cool, and how to use them | css-tricks. CSSTricks. https://css-tricks.com/css-sprites/.

CSS Animations. (n.d.). https://www.w3schools.com/css/css3_animations.asp

CSS Image Sprites. (n.d.). https://www.w3schools.com/css/css_image_sprites.asp

Images used:

Social media icons - https://icon-library.com/icon/icon-sprite-26.html

Walking girl - https://www.iconspng.com/image/68214/walking-girl-2-sprite-sheet

Flying bird - https://www.kissclipart.com/sprite-clipart-sprite-animation-clip-art-x2wcec/