Scalable Vector Graphics

Vector graphics on the Web are created using the Scalable Vector Graphics (SVG) markup language. This language has been around for a long time without too much success, but two factors gave it a new lease on life: implementation in IE9 and the rise of the mobile and multi-device Web. All the major browsers have now implemented it.

The main reason SVG is so useful is its scalability, which I discussed in the previous section. Scalability is a real boon for responsive web design. You can reuse the same image across every platform, avoiding the problems with adaptive images, which I discussed in Chapter 3. In addition, the way that SVGs are made and embedded in a page can enhance accessibility and searchability, as you’ll ...

Get The Modern Web 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.