Prior to the adoption of Cascading Style Sheets (CSS), the spacer GIF was a transparent image, often used to control blank space within a web page, that can be resized according to the width and height dimensions it is given. The reason a spacer GIF is invisible is so that an HTML developer can create a table cell and fill the background with a specific color that can be viewed through the transparent spacer GIF. For instance, a developer seeking to create a square blue box 500 pixels on a side could use a separate blue 500×500 graphic at the expense of additional bandwidth. Instead, the developer can specify the table cell background color and specify the dimensions of a pre-existing spacer GIF.
The use of spacer GIFs has declined due to the prevalence of Cascading Style Sheets (CSS) for laying out web pages, which achieves the same effect by changing the margin or padding on a given element. If used properly, CSS reduces unnecessary code in a web page. Blank 1×1 GIFs are still occasionally used to fix a PNG rendering limitation in Microsoft Internet Explorer versions 5.5 – 6.
- Justaddwater (2006-03-03). "Justaddwater: Who invented the Spacer GIF". Justaddwater. Retrieved 2006-11-26.
- Single-Pixel GIF Trick @ CKWS, by David Siegel
- Spacer GIF example
- CSS2 Box Model Specification, World Wide Web Consortium
- PHP example to programmatically generate the smallest GIF possible
|This Web software related article is a stub. You can help Wikipedia by expanding it.|