1 / 31

Graphics Design Essentials: Image Compression & File Formats

Learn how to choose the best file format when saving images, understand compression methods, explore graphic file formats, and enhance image editing skills for quality graphics projects.

kueng
Télécharger la présentation

Graphics Design Essentials: Image Compression & File Formats

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. Graphics Ms. Brewer Spring 2013

  2. Bellwork • Edmodo – log on! • Quiz? Take it if you need to! • Policies and Procedures Powerpoint in Shared Folder! • Get to Know you document in Shared Folder!

  3. BELLWORK • What does it mean to compress an image? • Why do you think we compress images? • What do you think are the effects on the image?

  4. Topics we’ll be Exploring… • Graphic File Formats • Clipart • Photo Editing • Photo Manipulating • Creating and Presenting Graphics Projects • Multimedia Projects

  5. Assignments you’ll have… • Vocabulary Quizzes • Original Clipart • Clipart Projects • Paint Projects • Photo Editing and Manipulation • Multimedia Projects • Individual Presentations

  6. Top ways to ACE Graphics • Complete all assignments according to the rubric. • Hand your work in on time. • Complete your powerpoint presentation when I am giving notes or explaining something new – they are graded. • Study for your tests and quizzes. They do count!

  7. Top ways to ACE Graphics • Plan ideas in advance. Storyboards are graded. • Have a positive attitude and good work ethic • Be Creative • Be School Appropriate • Be Unique

  8. Key Learning Image editing skills can enhance personal and professional projects

  9. Unit Essential Question How can I design and create quality graphics for publication?

  10. Lesson Essential Question How do I choose the best file format when saving an image?

  11. Vocabulary .bmp .gif .jpg .png .psd .tiff • Lossy Compression • Lossless Compression

  12. So why do we compress images?? • By decreasing the image size (bytes) the screen speed is faster • By decreasing the image size (bytes) the web page loads faster • By decreasing the image size (bytes) the less the bandwidth consumption

  13. Image Compression Methods Two Types - • Lossy Compression • Lossless Compression

  14. Lossless Compression • The file does not discard any data when saving. • Compression occurs by recording color changes from the pixel directly to the left. • Each pixel maintains its own identity. • Compression results in a sharp image that looks identical to the original. • Can reduce a file up to 30%. 

  15. Lossy Compression • The file loses data each time it is saved. • Compression occurs by averaging pixels values (colors) to eliminate the amount of info needed to be saved. • Each time you save, your image deteriorates more resulting in COMPRESSION ARTIFACTS. • Can reduce a file up to 50%.

  16. Compression Types

  17. Bellwork Use the Internet to find the full file format names for the following file extensions: .gif .tiff .jpg or jpeg .png .psd .bmp

  18. Let’s look at some images…

  19. Image Examples GIF – Graphics Interchange Format Images

  20. .gif Graphics Interchange Format • Characteristics • Can only have 256 colors • Compression • Lossless Compression • Best Uses • Web Graphics (logos, banners) • Text, Line Art, Large blocks of Color • Poor Uses • Photographs

  21. Image Examples BMP - Bitmap

  22. .bmp Bitmap • Characteristics • Older File Format • Created by Microsoft – use with MS Paint • Compression • Lossless Compression if done through ZIP • Best Uses • Clipart and Basic Images • Poor Uses • If need a quick response time

  23. Image Examples PNG – Portable Network Graphics

  24. .png Portable Network Graphic • Characteristics • Newer File Format to replace .gif • Standard File Format for Paint • Compression • Lossless Compression • Best Uses • Web Design Image Format • Poor Uses • Traditional Print

  25. Image Examples Jpg or Jpeg– Joint Photographic Experts Group

  26. .jpeg Joint Photographic Experts Group • Characteristics • Uses all Colors (16.7 Million) • Recognized by all Web Browser Software • Compression • Lossy Compression • Best Uses • Photographs • Screen Graphics – Power Point, Web • Poor Uses • Images with few colors, text, simple shapes

  27. Image Examples .psd Photoshop Format

  28. .psd – Photoshop Format • Characteristics • Uses all Colors (16.7 Million) • Supports Photoshop Functions • Compression • Lossless Compression • Best Uses • Photoshop Work in Progress • Poor Uses • MS Office Programs or Web Site images

  29. Image Examples Tiff – Tagged Image File Format

  30. .tiff Tagged Image File format • Characteristics • Can use any resolution • Supports Photoshop Functions • Compression • Lossless Compression • Best Uses • Print Graphics • Poor Uses • Web Images

  31. Summary… Compare and Contrast the file format options discussed in class on the handout provided.

More Related