1 / 14

Multimedia in Web

Explore the fascinating world of digital images, where a single picture tells a thousand words. This guide delves into various forms of images like photographs, paintings, symbols, and maps, discussing their functions in conveying information, evoking moods, and illustrating concepts. Learn about digitalization and pixel representation, including RGB color scales and hexadecimal notation. Discover the differences between image formats like JPEG and GIF, the importance of image compression, and how to utilize software like Photoshop for editing and saving images. Perfect for anyone interested in digital media! ###

chiara
Télécharger la présentation

Multimedia in Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Multimedia in Web Images

  2. A Picture Tells A Thousand Words • Forms of Images • Photograph • Painting • Symbol • Logo • Flag • Map • Diagram • Functions • Provide facts • Explain a process • Set a mood • Evoke an idea • Pinpoint location • Illustrate relationships

  3. Digitalization & Pixel

  4. Numeric Representation & RGB • 16 digits instead of 10 • 09 & AF • Base 16 can represent 0 to 255 color scales • Two digits of hexadecimal numbers • 00 in Hex.  0 in decimal • FF in Hex. 255 in decimal

  5. RBG Colors Sample Colors Color Chart: http://quasar.unl.edu/tutorials/rgb.html

  6. Color Depth • 16-bit vs. 8-bit • 30,000 colors vs. 256 colors • Web-safe colors (No longer a concern?)

  7. Compression • Purpose • Reduce file size for transmission • Fast download

  8. JPEG • Photographs • From 255 levels of color and brightness to lower levels • Group pixels into blocks. Adjacent and similar color and brightness  block or average • Example: The next slide

  9. Example • 9 values with 3 different colors for 9 pixels  1 value for the average and 2 values for difference from the average for other colors • A string of values such as #FF3399, #FF3399, #FF3399, #CC3399 … for all 9 pixels  #FF3399 as the average, 2 values for other colors differentiating from the average

  10. GIF • For line drawings • Reduce color depth of every pixel to 8 bits or less • Repeated colors across a row of pixels are reduce to the color value, the value of the repetition, other instructions.

  11. Vector Graphics • Web images use bitmapped format or pixel-by-pixel • Collection of lines & shapes defined by mathematical formula (e.g. Flash)

  12. Source of Image • Scanned image • Digital camera • Original artwork • Web site • CD-ROM • Clip art • Stock photograph

  13. Photoshop • Explore editing, compressing, & saving for Web

  14. Image & HTML • IMG tag • Linking with image • Image map

More Related