Graphics Standards: JPG, GIF, PNG, and SVG

Bitmap Graphics

Most graphics you see on the Web are bitmap (also called raster) images. Bitmap images are basically thousands of tiny pixels, each of which carries information about color. A pixel is like a tiny dot. If you've ever looked at a television screen or a magazine image up close, as demonstrated in Figure 1-1, you've seen that the image looks as though it is made up of a lot of scintillating little dots. Those are pixels.

Figure 1-1. bitmap.gif. Bitmapped image is made up of pixels. Pixels look like tiny dots when viewed close up. This gives bitmap graphics their “jagged” edges.

Because most ...

Get SVG for Web Developers now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.