Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.



Published on

  • Be the first to comment

  • Be the first to like this


  1. 1. Examining Media Elements : Graphics By Janice Remington MCIS/MMIS 681 Electronic Multimedia Systems Graduate School of Computer and Information Sciences Nova Southeastern University Summer 2011
  2. 2. Bitmap vs. Vector <ul><li>Paint graphics vs. Drawn </li></ul>
  3. 3. Bitmap <ul><li>Most appropriate for photorealistic images and complex drawing </li></ul><ul><li>Large file sizes, has inability to scale or resize the image easily while maintaining quality </li></ul><ul><li>Image’s bit depth determines the number of colors that can be displayed by an individual pixel </li></ul><ul><li>Can be found on a screen, scanned, downloaded from a website, or from a video capture device </li></ul><ul><li>Can manipulate or adjust its properties </li></ul><ul><li>Colors will seem darker or richer </li></ul>
  4. 4. Vector <ul><li>Most appropriate for lines, boxes, circles, polygons, and other graphic shapes that can be mathematically expressed in angles, coordinates, and distances </li></ul><ul><li>Can be filled with color or patterns, and can be selected as a single object </li></ul><ul><li>Uses a fraction of memory space required to describe and store the same object in bitmap form </li></ul><ul><li>Can be downloaded and drawn faster </li></ul><ul><li>Can export as a bitmap </li></ul><ul><li>Requires a plug-in for display on a web page </li></ul><ul><li>Can not be used for photo realistic images </li></ul>
  5. 5. Pictures vs. Graphics <ul><li>Vector: Graphics </li></ul><ul><li>Bitmap: Pictures </li></ul>
  6. 6. Compression Algorithms <ul><li>Lossless: in which a decompressed file is of exactly the same size as the original file because no detail or content is lost in compression-decompression process </li></ul><ul><li>Lossy: in which a decompressed file is smaller in size than the original file because some detail or content is lost in compression-decompression process </li></ul>
  7. 7. File Formats <ul><li>GIF, JPEG, PNG: use compression within the file </li></ul><ul><li>JPEG, GIF: most common bitmap formats used on the Web and may be considered cross platform </li></ul><ul><li>BMP, TIFF: Mostly used in Windows </li></ul>
  8. 8. File Format Acronyms <ul><li>TIFF: Tagged Interchange File Format </li></ul><ul><li>GIF: Graphic Interchange Format </li></ul><ul><li>BMP: A Windows Bitmap Image File Format </li></ul><ul><li>JPEG: Joint Photographic Experts Group </li></ul><ul><li>PNG: Portable Network Graphic </li></ul>
  9. 9. File Format Definitions <ul><li>TIFF: a universal bitmapped image format </li></ul><ul><li>GIF: a proprietary bitmap image format limited to a palette of 256 colors and widely used on the Web </li></ul><ul><li>BMP: designated with the .bmp file extension </li></ul><ul><li>JPEG: designation for a bitmap image file format widely used on the Web for photo-realistic images, designated by the .jpg file extension </li></ul><ul><li>PNG: bitmap image file format created as a free alternative to the GIF format </li></ul>
  10. 10. Things to Remember <ul><li>Make sure your multimedia authoring package can import the image files you produce, and that your application can export such a file </li></ul><ul><li>Bitmap: photo-realistic images </li></ul><ul><li>Vector: easy to size and manipulate images </li></ul>
  11. 11. URL Resources <ul><li> </li></ul><ul><li> </li></ul><ul><li> </li></ul><ul><li> </li></ul>
  12. 12. Reference Vaughan, T. (2007). Multimedia: Making it Work , 7th Edition. New York: McGraw Hill Technology Education.