1 / 17

Graphic definitions

Graphic definitions. Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages (172-179). Miss Mary Victor. File Formats.

tatum
Download Presentation

Graphic definitions

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Graphic definitions Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages (172-179) Miss Mary Victor

  2. File Formats File format is the type of file. You can find out the type by the extension.For example .gif, jpg and png are extensions for image type files, .mov is for movie and .html is a website. We shall focus on different image formats. but before that you need to know..

  3. Native file format is the format native to or natural to the program, for instance when you save in Microsoft word the program automatically saves the file as a word document (.doc, docx) that is the native file to the program. Sometimes you have the option of saving the file in more than one format.

  4. Graphic File Formats There are two kinds of graphic files • Pixels images • Based on pixels (dots on a screen) • The application usually has the word “paint” or “photo” in the nameex. paint brush& photoshop • Vector images • Based on mathematical formulas. • The application has the word “draw” or “illustrate” in the name. ex. Illustrator. Graphics on the web are pixel based.

  5. GIF Images • pronounced “gif” not “jif”. • Developed by CompuServe. • Stands for Graphic Interchange Format.

  6. Gifs Properties 1 • They are cross platform :work on any computer. • They are compressed (Small in size)for ex. Tiff image 2*2 could be 900Kwhile Gif of same dimension is 5K. • The small in size helps in fast file transfer on the internet.

  7. Gif properties 2 • Animation. The only format with which you can create moving pictures is GIF. • Transparency : images shows through the background. • interlacing: allows for layers.

  8. GIF Color • Lossless compression • uses index color : a maximum of 256 colors

  9. GiF is Best for • logos, simple images or cartoons

  10. JPEGs • pronounced “jay peg”. • Stands for Joint Photographic Experts Group.

  11. JPEG Properties • Cross platform: work on many computers. • Does not allow for Transparency thus all files are rectangular in shape. • Not interlaced. No layers. Thus you have to wait for image to work its way down slowly.

  12. JPEG Color • up to 16.7 Million color! • Hence they are better in photographs, watercolor images, pencil or charcoal drawings.

  13. JPEG is Best for? • photographs & images with Details: depth, lightening effect and graduations of colors and tones.

  14. PNGs • pronounced “Ping” • stands for Portable Network Graphics

  15. PNG Properties • Alpha level:It has 256 LEVELS of transparency. • Interlaced: So you see an image immediately that gradually loads in detail • Gamma level: PNG is smart enough to have a property (the gamma) that can detect screen type and adjust brightness accordingly!

  16. PNG Colors • Can have 256 colors or 16.7 Million or greyscale !!

  17. Summary of Main points

More Related