Photo Editing for PowerPoint & the Web Instructor: Vicki Hoffman and Christine Vucinich Assistant: Janine Schaney

Overview Use Photoshop to correct & optimize images Insert images & backgrounds into PowerPoint, FrontPage, & Dreamweaver Transfer files to a remote web server

Graphic Limitations for PowerPoint Avoid complex graphics Use small file sizes Use appropriate graphic file formats

Graphic Limitations for the Web Connection Speeds User Configurations

Display Considerations Screen Sizes Colors

Cross Platform/Browser-Safe Colors 256 vs. 216 Colors Dithering Using the Color Picker

File Formats JPEG – Joint Photographic Experts Group GIF – Graphics Interchange Format PNG – Portable Network Graphics

JPEG Best for photos or continuous tone, full-color images Uses 16 million colors Browsers use reasonable approximations Work in RGB mode Uses lossy compression Saving (Standard, Optimized, Progressive)

GIF Best for solid color images (buttons, logos) Uses 256 colors Browsers uses 216 colors Work in Indexed mode Good compression Interlaced Used for transparent backgrounds

PNG (8-bit) Best for line art (logos) Compresses solid areas of color well and maintains sharp detail Generally, has better compression than GIF (10-30% smaller) If considering saving as GIF, also consider saving as PNG (8-bit) Not supported by older browsers

PNG (24-bit) Best for continuous-tone images Compresses well, but can be larger than JPEGs If considering saving as JPEG, could also consider PNG (24-bit) Not supported by older browsers

Comparison of JPEG and PNG JPEG vs PNG Comparison of JPEG and PNG 68K PNG 31K JPG

Comparison of JPEG and PNG GIF vs PNG Comparison of JPEG and PNG 10.8K PNG-8 with 64 colors 9.5K GIF with 64 colors

Vector Graphic What is a database? A collection of data organized in some way to make it more useful Examples: Phone book, library card catalog system, LIAS CAT, Training registration system When do you use a database? Large collection of data To be organized in different ways based on multiple criteria Make it more useful by breaking it into smaller subsets of information Example: Admissions Office may want to view all University Park Penn State juniors from Pittsburgh 3 Types 1) Flat File – spreadsheet (show example) Relational Stores info in tables Tables can be joined many different ways using a primary key Benefits over flat files: Increases efficiency Reduces redundancy/duplications Improved performance 3) Object-Oriented Uses Java, C++, etc. Create different components in the system Once created, re-use, extend and modify the components

Resolution Guidelines Monitor or Browser = 72-96 ppi Printer = 300-600 dpi Email = 150 ppi or less

Summary Use Photoshop to correct & optimize images Insert images & backgrounds into PowerPoint, FrontPage, & Dreamweaver Transfer files to a remote web server

Conclusion Resources Questions & Answers Evaluations Thank You!!!