1. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Introduction to Imaging on the World Wide Web Instructor: Joseph DiVerdi, Ph.D.

2. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Core Imaging Concepts Graphics Models –Raster vs. Vector Image Types –“Photograph” vs. “Cartoon” Color Models –Black-White, Monochrome, RGB, HSL, HSV,...

3. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Graphics Models Raster Environment –Space is defined using a fixed number of points called “pixels” which possess a color images are made up of arrays of pixels Adobe PhotoShop

4. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Raster Examples Magnified View of TV or Monitor Screen Magnified View of Printed Magazine

5. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Raster Examples Magnified View of Image of TV or Monitor Screen

6. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Graphics Models Vector Environment –“Objects” are defined using mathematical operations line: start_point, end_point patch: top_left_point, bottom_right_point, color Adobe Illustrator, PostScript

7. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Vector Examples

8. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Importance of Resolution

9. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Graphics Models Vector Environment –Requires considerable processing power to “render” or display image –Objects can be manipulated at any time –Image is scalable, always rendered at the output device’s resolution Raster Environment –Images have intrinsic resolution –Objects do not exist –Data size depends on pixel count –WWW is “primarily” but not exclusively raster

10. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Image Types “Pictures” –Continuous gradations of color –Think photographs

11. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Image Types “Cartoons” –Relatively large patches of constant color –Gradients can be simulated or approximated –Think cartoons

12. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Color Models - Color Wheel

13. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Color Models - RGB

14. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Color Models - HSL

15. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Color Models

16. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Storage Formats

17. CSU - DCE 0723 - Advanced Perl Web Images - Fort Collins, CO Copyright © XTR Systems, LLC Storage Formats Saved as JPEGSaved as GIF