Digital Photography and the Web Sarah Anderson Web Design Fall 2014
Getting to Know the Digital Camera
Getting to Know the Digital Camera Continued Flash = this allows pictures to be taken in darker settings and provides good lighting Lens = zooms in and out along with the zoom setting to provide more detailed photos Shutter Button = hold down to take a photo Mode Dial = spin to choose different modes (ie. Portrait, night, cloudy, scene, etc) View Finder = look through this to see what is being captured in the photo Zoom = adjust to change how close up the photo will be Play Button = use to view photos and videos on the memory card Memory Card Slot = holds memory card; can be removed and replaced; use memory card to upload photos to printer or computer Trash Button = delete photos straight off of the memory card Cross Keys = opens up different menu options (ie. Filters, settings, information, etc) Display Screen = displays what is can be seen through the view finder (what is being captured by the lens); displays the menu and content of the memory card
The Basics of Digital Photography Pixels = small squares of color that can be seen on a computer; used to capture images on a digital camera Resolution = pixels per square in/cm/etc; standard resolution for digital images is 72 [pixels per square inch] Downsampling = reduces number of pixels, reduces the actual size and reduces the file size
Ratio = comparison of the width of a digital image versus the length Megapixels = unit of measurement used in file sizes File Size = how much room a digital image will take up on the memory card
* For use on the web: images should be less than 800 pixels wide and 700 pixels tall with a resolution of 72
Ratios  Adjusting the ratio of a digital image on the camera: menu, image quality, ratio
Downloading Digital Images onto the Computer 1.
Shut off the camera
2.
Use a USB cord to attach the camera to the computer
3.
Open the removable disc, choose the desired images and move to desired folder
Naming Digital Images for the Web 1.
Things to include in the name
What is it? (assignment name)
When was it taken? (year)
Who took it? (student, photographer)
ex. Stopmotion-2007-anderson
2. Use dashes to separate parts of the file name
Underscores do not show up in the link •
These-are-dashes
•
These_are_underscores
White space will automatically be filled with “%20”
3. No forbidden characters (*&^%$#@!) 4. Avoid forward or back slashes (/ and \)
Save for Web (Photoshop)
Optimizes images for use on the web
You can choose file type (jpg, png, gif)
You can choose actual size of image
Automatically reduces file size to a chosen quality (maximum, high, medium, low)
Automatically changes resolution to 72
Improves loading time
Optimizing an Image for the Web BEFORE
IN BETWEEN
AFTER