Image File Types Module 4: Working with Images LESSON 5.

Slides:



Advertisements
Similar presentations
The Web Wizards Guide to HTML Chapter Five Working with Images.
Advertisements

Raster Graphics 2.01 Investigate graphic image design.
Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 4 Key Concepts 1 Copyright © Terry Felke-Morris.
Chapter 17 Creating Images for the Web. Chapter Lessons Learn about Web features Optimize images for Web use Create a button for a Web page Create slices.
2.01 Understand Digital Raster Graphics
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Comparison of image compression algorithms ECE-533 Paula Aguilera.
Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.
Ch10 QQ T F 1.The appearance of text (such as font face and style) incorporated into a Web page graphic will appear as it was when it was created, regardless.
1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
THE COLORS OF LIGHT RED, GREEN and BLUE
XHTML Images. Images are important Purpose: to enhance your web site. Add only when they complement or add additional impact to your message.
Lesson 9: Using Excel with the Internet Microsoft Office Excel 2003 Lesson 9 Using Excel with the Internet.
Images Inserting an image on a web page. chcslonline.org2 ITEMS REQUIRED Go to the course download page on the course website and download the 3 images.
Week 11 Using Dreamweaver, Photoshop, and Fireworks: Graphics Production for the Web Stanford University Continuing Studies CS 38 Mark Branom
1 Lesson 3 Power Techniques HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
THE THEORY & CONCEPTS Lesson 1 – Part 1. What is Graphic Design It’s a CREATIVE PROCESS Undertaken in order to convey a specific message/s I can’t teach.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Logos Module 4: Working with Images LESSON 2. Module 4: Working with Images LESSON 2 In this lesson, we will:  Investigate different logo types and their.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
Graphics and Images Communicating Information : Documents and Publications.
Computer Images Can store color info about each pixel, but makes file BIG Compression for Web 15.
Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.
Assignment 3 – Graphic File Formats Jack Kelly 5/26/2012.
 JPEG is a standardized image compression mechanism.  JPEG stands for Joint Photographic Experts Group.  JPEG is designed for compressing either full-
Things to Remember When working with digital images.
Adobe Dreamweaver CC: The Professional Portfolio Project 3: Photographer’s Web Site Working with static images Controlling backgrounds with CSS Working.
Module 4- Build a Game Understanding Pictures Compression – Making things smaller.
Using the Sony DSC-P52 Camera Sunday, December 06, 2015.
FILE TYPES FOR WEB DESIGN 1 HOW SHOULD I SAVE?. GRAPHICS INTERCHANGE FORMAT (GIF) Best used for flat-color, sharp-edged art or text Clip art, logos Compression.
Raster Graphics 2.01 Investigate graphic image design.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
1 After completing this lesson, you will be able to: Comprehend the basics of Web graphics. View and manipulate Web graphics in a graphics program. Describe.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
GRAPHICS. PURPOSE OF GRAPHICS IN WEB DESIGN Graphics add visual/aesthetic appeal to the information on the web page, helping to maintain viewer interest.
Creating Website Using FrontPage 2003 By Heidi Lee.
Image File Formats Which one is right for me?. The Only Three Image Formats Your Will Ever Need: Names Jpg “Joint Photographic Experts Group” Png “Portable.
Information Systems Design and Development Media Types Computing Science.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
2.01 Understand Digital Raster Graphics
Common Bitmap Image File Types
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Finding and inserting them
DW Tutorial 5 Sessions 5.1 & 5.2 REVIEW
Sci Vis I Exam Review Unit 6 File Formats.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.01 Investigate graphic image design.
Choosing the right image format
A computer display is made up of small squares, called pixels.
LESSON 5 Module 4: Working with Images Image File Types.
1.01 Investigate graphic types and file formats.
2.01 Understand Digital Raster Graphics
ИНФОРМАТИКА И РАЧУНАРСТВО Наставна тема: РАЧУНАРСКА ГРАФИКА
Photoshop: Creating and Preparing Images for the Web
2.01 Investigate graphic image design.
Creating Images for the Web
LESSONS 9 & 10 Module 4: Working with Images Digital Photography 2.
2.01 Understand Digital Raster Graphics
5.5 Adding Photo Gallery Module
chapter 29: Creating Web Graphics
2.01 Investigate graphic image design.
Exam Objectives: Identify Design Elements When Preparing Images
Introduction to Image Analysis and Processing
2.01 Investigate graphic image design.
Presentation transcript:

Image File Types Module 4: Working with Images LESSON 5

Module 4: Working with Images LESSON 5 In this lesson, we will:  Use the Internet to produce a definition for three graphic file types most often used on the Internet.  GIF  JPEG  PNG  Work in cooperative teams and teach the rest of the class about your assigned graphic type

Module 4: Working with Images LESSON 5 Guiding Questions  In Web design, images are saved as different file types. What are they? When should the designer choose one over the other ?

Module 4: Working with Images LESSON 5 Web sites  Graphic file types:  Image file types and how to choose:  All image files:

Module 4: Working with Images LESSON 5 Exploring image file types  Research an image file type  Create a mini-lesson  Present the mini-lesson to the class  Complete the Image File Type worksheet

Module 4: Working with Images LESSON 5 Lesson Review  JPEG: A graphic file type that is used primarily for photographs and has lossy compression.  GIF: A graphic file type that is used primarily for line art and simple animations.  PNG: A graphic file type that is used for static images with lossless compression.

Module 4: Working with Images LESSON 5 Assessment  Why is it critical to know what file type you are working with or want to save as?  If you were creating an animation for a Web page, what file type would you save the image as?  What is the significance of a PNG file type, and when would you use it?  What file type is commonly used in the photography world, and why?