1. Acquiring Images for Web Graphics Web Design Section 5-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials

2. Objectives The Student will: find images on the Web from sites that have no restrictions that would prevent you from downloading and using their images on your own web site. use the concepts of pixels and resolution to appropriately size images for web pages understand how file size and bandwidth limitations influence the use of web graphics

3. Images from the Internet The Internet provides a terrific source of images that can be used for your web site. Images on the web are protected by copyright law and cannot be used unless written permission is given by the owner of the copyright. Fortunately, though, there are conventions that have been established for owners of copyrighted works to allow permission for other people to use the works.

4. Creative Commons Creative Commons is a type of copyright license that allows people to share their work and allow it to be reused by others under certain conditions. Commonly Used Creative Commons Licenses CC BY (Attribution) - This license allows for others to reuse the work as long as they provide credit to the author of the original creation. CC BY SA (Share Alike) - This license allows for others to reuse the work as long as they credit the original author and license any new creations under the same license. CC BY NC (Non Commercial) - This license allows for others to reuse the work as long as the use is non-commercial and they provide credit to the original author.

5. Creative Commons The following are good sources of Creative Commons images: Wikimedia Commons Creative Commons Search Flickr Creative Commons

6. Acquiring Images Images can be acquired from various sources: Camera Scanner Internet (watch the copyrights!) Each source has it’s own resolution or total number of pixels. The higher number of pixels the larger the file

7. Acquiring Images You will look at images from various sources. Open the image in Photoshop Click on Image -> Image Size… Note the size of the image.

8. Your Photo Album Take your images and find some images from web. The images will eventually be used to make a mini web photo album where the maximum picture size is 450 x 450 pixels. For pictures to look good on the web you should have a resolution that is larger then you need. A graphics program can be used to make the image smaller, but can't make the image larger without lowering the quality.

9. Rest of Today Find at least 6 images to be included in your Web Album Use Photoshop to find the size of each image. Is the image greater than 450x450 pixels? See the “Suggested image websites.doc” file on the Hancock website for link to non- copyrighted web sites.