1. Photoshop: Designing Graphics for the Web
By : Prof(Dr.) Mithilesh Kumar Dubey
11/15/2022 Prof(Dr.) Mithilesh Kumar Dubey
2. Overview
• Photoshop Basics
– What is Photoshop?
– Uses
– Tour
• Web Graphics
– Graphic Limitations
– Display Considerations
– Cross-Platform/Browser-Safe Palette
– File Formats
– Transparent Text
– Saving for the Web
11/15/2022 Prof(Dr.) Mithilesh Kumar Dubey
3. Overview Continued
• Scanning
– Scanning Concepts
– Evaluating Originals
– Scanning Line Art vs. Photographic Images
– Scanning Strategies
– Photoshop Measurement/Correction Tools
– Additional Resources
11/15/2022 Prof(Dr.) Mithilesh Kumar Dubey
4. What is Photoshop?
Photo retouching, image editing, and color
painting program; graphic design tool
• Create high-quality digital images
• Tools & special effects capabilities
• Manipulate scanned images, slides, & original artwork
• Isolate parts of an image for experimentation &
individual editing
• And lots more…..
11/15/2022 Prof(Dr.) Mithilesh Kumar Dubey
5. Uses of Photoshop
• Art (line drawings, charcoal, color original)
• Photographic
• Restoration
• WWW (GIFS, JPEGS, etc.)
• Montage
• Halftones, Duotones, Tritones, Quadtones
• Color Separations
• Posterizations
• Special Effects
11/15/2022 Prof(Dr.) Mithilesh Kumar Dubey
6. Touring Photoshop
• Using Help
• Navigating: Windows, Palettes,
Features & Tools
• Preferences
11/15/2022 Prof(Dr.) Mithilesh Kumar Dubey
11. 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)
11/15/2022 Prof(Dr.) Mithilesh Kumar Dubey
12. GIF
• Best for solid color images (buttons, logos)
• Uses 256 colors
• Browsers uses 216 colors
• Work in Indexed mode
• Good compression
• Interlaced
11/15/2022 Prof(Dr.) Mithilesh Kumar Dubey
13. 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
11/15/2022 Prof(Dr.) Mithilesh Kumar Dubey
14. 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
11/15/2022 Prof(Dr.) Mithilesh Kumar Dubey