180 likes | 194 Views
Photo Editing for PowerPoint & the Web. Instructor: Vicki Weidler Assistant: Joaquin Obieta. Overview. Use Photoshop to correct & optimize images Insert images & backgrounds in PowerPoint, FrontPage, & Dreamweaver Transfer files to a remote web server. Graphic Limitations for PowerPoint.
E N D
Photo Editing for PowerPoint & the Web Instructor: Vicki Weidler Assistant: Joaquin Obieta
Overview • Use Photoshop to correct & optimize images • Insert images & backgrounds in 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
JPEG vs PNG Comparison of JPEG and PNG 68K PNG 31K JPG
GIF vs PNG Comparison of JPEG and PNG 10.8K PNG-8 with 64 colors 9.5K GIF with 64 colors
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 in PowerPoint, FrontPage, & Dreamweaver • Transfer files to a remote web server
Conclusion • Resources • Questions & Answers • Evaluations • Thank You!!!