Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
ETT 429 Spring 2007 Digital Photography/Scanners.
2.01 Understand Digital Raster Graphics
Guilford County SciVis V106.01
V Obtained from a Guildford County workshop-Summer, 2014.
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.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
 Scanned or digitally captured image  Image created on computer using graphics software.
Graphic Images 101. Painted on a grid Drawn mathematically.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
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.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
File Formats About graphic file formats And image compression.
All About File Formats Mr. Butler John Jay High School Department of Technology.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Information Processes and Technology Multimedia: Graphics.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Digital Imaging 101 Ann Ware
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
 Scanned or digitally captured image  Image created on computer using graphics software.
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.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Graphic definitions Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages ( ) Miss Mary Victor.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Graphics Concepts Presentation
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
2.01 Understand Digital Raster Graphics
Multimedia Subject: Informatics of Technology II year
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Digital Illustration Chapter 6 File format.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
4 Importing Graphics Desktop Publishing: Chapter 4
Introduction to Graphics
Exploring Computer Science - Lesson 3-4
2.01 Understand Digital Raster Graphics
Image Formats.
2.01 Investigate graphic image design.
Exploring Computer Science - Lesson 3-4
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
A computer display is made up of small squares, called pixels.
Digital Images.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Digital Images.
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.01 Investigate graphic image design.
Creating Digital Graphics
Presentation transcript:

Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.

Lessons Lesson 3.1: Distinguishing Between Graphic Programs Lesson 3.2: Determining Image File Formats Lesson 3.3: Managing Image Sizes

Learning Outcomes 3.1: Convey the difference between painting and drawing programs 3.2: Demonstrate an understanding of file extensions and file types 3.3: Recognize the role that compression, interlacing, encoding, and resolution play in file sizes

Distinguishing Between Graphic Programs Paint programs create images by using pixels (or picture elements) Pixel—a specific color at a specific location in a matrix or grid Drawing programs use vectors, or lines, to produce an image

Raster-Based Paint Programs Paint programs assign each pixel to grid of x and y coordinates—a raster Images are called raster images, raster graphics, or bitmaps Enlarging raster images causes pixilation(jaggies) Reducing images results in loss of sharpness

Raster-Based Paint Programs (cont.) Many software programs are available to create and manage raster images Adobe Photoshop is the most widely used program is Microsoft Paint is provided with the Windows OS Corel Paint Shop Pro is a stand-alone program GIMP (GNU Image Manipulation Program) is open source Cloud computing offers access to imaging software through the Internet (i.e., Picasa and Flickr)

Nonnative Raster File Types Information BMP (bitmap) Usually placed in word processing documents File sizes are often quite large Usually limited to 256 colors because they do not use compression JPG (Joint Photographic Experts Group) Use up to 16 million colors Reproduce the quality, color, and detail found in photographs or graphics using blends and gradients Most digital cameras save photographs as JPGs JPGs are the most common nonnative raster file format in use today GIF (Graphics Interchange Format) Compressed and use only 256 colors File sizes are quite small Suitable for line drawings, images with transparent backgrounds, and animated figures Small and work on many platforms Are commonly used in web page design

Nonnative Raster File Types (cont.) Information TIF (Tagged Image File Format) A bitmap file type that works well in all environments Files are quite large Can show 16 million colors Are often used in print documents. Some digital cameras can save photographs in TIFF format PNG (Portable Network Graphics) Retains 16 million colors and supports transparency Is becoming more common Often used to replace GIF files partly because of the increase in available colors while remaining a small file size

Nonnative Vector File Types Information EPS Encapsulated PostScript A general-purpose vector file format that has both the vector image data and a screen preview in the same file Most commonly used for printing purposes SVG Scalable Vector Graphics SVG software is an example of an open-source image A vector graphic format designed specifically for use on the Web Created using HTML code A popular choice for mobile devices because of its small file size

Licensing Fees In 1994, CompuServe caused a stir when it announced that all commercial software companies using GIF compression in their programs had to pay licensing fees Was CompuServe correct in its decision to charge a licensing fee? Why or why not?

Format Conversion Once a copy of an image has been saved in its native format, you can change to another file format Different file formats are appropriate for different situations Some programs can import only graphics with specific file formats Some images look better saved as one format rather than another Some images need to be small in order to load quickly on the Internet

Compression Bandwidth is the speed at which a computer can transmit information along a network Compression is the process of reducing the size of the image Lossy compression reduces the size of an image file by removing information that is not essential Lossless compression does not change any pixel data

Compression (cont.) JPG file format uses lossy compression JPGs allow you to select an image quality ranked from 1 to 12 A higher number means a higher quality image and a larger file size A lower number means a lower quality image and a smaller file size

Resolution, Resizing, Resampling Bitmap images have visual sizes measured in two ways The physical size (such as a photograph printed as a 4- × 6-inch image) The number of pixels in each inch Physical sizes are also measured in pixel dimension (the number of pixels in a row and column of a raster grid) The resolution of an image is measured in pixel density or pixels per inch (ppi)

Resolution, Resizing, Resampling (cont.) When you resize an image, you can choose whether to maintain the same amount of image data as in the original image Use resampling options to add or remove pixels when you resize When resampling is on, changing image size does not change resolution When resampling is off, changing physical dimensions changes resolution

Resolution, Resizing, Resampling (cont.) When resampling is on, changing the resolution to 150 maintains same image size (1 x 1 inch) When resampling is off, changing resolution reduces the image size

Resolution, Resizing, Resampling (cont.) Special formulas are used to determine what colors each new pixel should be based upon the colors around it

Resolution, Resizing, Resampling (cont.) Aspect ratio is the ratio of the width to the height of an image Changing one number without changing the other results in distortion Image software sometimes allows you to lock the aspect ratio

Key Concepts Image programs can be categorized into two groups: paint programs and drawing programs Paint programs produce images using pixels Drawing programs use vectors or lines to produce an image Extensions for the most common raster file types are .bmp, .tif, .gif, .jpg, and .png Extensions for the file formats that are typically used for the Web are .gif, .jpg, and .png

Key Concepts (cont.) Extensions for the most common vector file formats are .svg and .eps Different file formats are appropriate for different situations. JPG image file sizes are reduced using a lossy compression algorithm that removes unnecessary pixels. GIF, PNG, and TIF use a lossless compression Resolution and pixel density determine the size of a file Resizing is best done maintaining the aspect ratio