1. Graphics & Images What File Format Do I Use?

2. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video) with a purpose to brand, inform, illustrate or entertain.

3. Graphics/Images on the web:

4. WHY WHY do we need to make images small for the internet? Small file = web site loads faster

5. HOW HOW do we make images small for the internet? COMPRESSION Image Compression Is the reduction of redundancy in the image data resulting in the storing and transmission of information in an efficient form.

6. Images/Graphics are stored in different formats. IMAGE FILE FORMAT Image file formats are a standardized means of organizing and encoding information for storage in a computer file.

7. There are different kinds of formats for different purpose Some formats store very particular sorts of data, while some store very different types of data. Programs see files as streams of data. A method is needed to identify one file format from another.

8. File Extension.JPG.PSD.GIF.PNG.AI A file extension is the portion of the filename following the final period, generally designated by 2 to 4 characters.

9. The 4 Most Common Image File Formats.JPG.GIF.PNG.TIF

10. Web pages require these image file types.JPG.GIF.PNG

12. PHOTOS & GRAPHICS are different types of images What’s the difference digitally? A PHOTO is a Continuous Tone image ….adjacent pixels that often have very similar colors.

13. Continuous Tone Image

14. GRAPHIC NOT Continuous Tone A GRAPHIC is often NOT a Continuous Tone image will not Graphics likely will not contain gradients few colors Graphics use few colors Logos Logos are good examples of graphics

15. .PNG Portable Network Graphics Successor to the.GIF Bitmap image format Supports millions of colors Supports Transparency Web graphics NOT FOR PRINT

16. .GIF Graphics Interchange Format Bitmap image format Limited to 256 colors Supports Transparency Supports Animation Graphic with few color

17. .JPEG Joint Photographic Experts Group Bitmap image format Supports millions of colors DOES NOT support transparency DOES NOT support animation Photographs

18. .TIFF Tagged Image File Format Bitmap image format Supports millions of colors DOES NOT support transparency DOES NOT support animation NOT supported by web browsers Stores images with NO COMPRESSION

21. Photos must FIRST be DIGITIZED Digitizing Digitizing is the process of converting images into a format that the computer can recognize and manipulate.

23. RESOLUTION RESOLUTION refers to the amount of PIXELS PER INCH DPIDOTSPER INCH. Information stored for each image and is measured in PIXELS PER INCH or referred to as DPI or DOTS PER INCH. Newspaper Web Brochure Frame Print

24. 4 X 6 Print @ 300 DPI 4 X 6 Print @ 72 DPI