• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Hour 11. Images

As you've read, SVG efficiently handles vector artwork display and transmission. Luckily, many graphics you create can be displayed in a vector format. Any flat, graphic imagery, in fact, is best suited for SVG's vector format.

There will, however, be many situations wherein you will need to include photographic imagery within your artwork. Consider, for instance, a news network site, such as CNN.com. Although a large portion of their imagery is bold, colorful vector artwork, they also house several photographic images. Not being able to include photos on such a site would be somewhat preposterous.

Thankfully, SVG has a method of referencing and loading other image formats to accommodate designers' needs to include raster imagery. The image element, rather appropriately named, allows developers to reference external image files.

In this hour, you will learn the following:

  • The difference between raster and vector imagery

  • How to reference external images using the image element

  • Supported image formats

Once you've learned to incorporate external images into your SVG document, you will have finished learning the basics of creating static SVG content. The next group of chapters will introduce animation and interaction, but before you move on to such exciting matters, you should learn about the interesting possibilities external image inclusion offers.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint