File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Droddy.  “Pixel” is short for two words: Picture and Element. Pixels (tiny squares) combine to form the image the human eye perceives Too small for the.
CS 128/ES Lecture 7a1 Data – How (Much of) It Is Stored.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
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.
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
2.01 Understand Digital Raster Graphics
Introduction to Computer Graphics
Guilford County SciVis V106.01
V Obtained from a Guildford County workshop-Summer, 2014.
Image Compression CSC CSC Computing with Images2 How do we use fewer bytes to encode the same or similar information? Reduce redundancy Take.
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
File Types, Sizes & Dots Per Inch (dpi) Best practices applied to Photoshop file formats when creating media-specific documents. Bit Depth is the number.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
File Formats About graphic file formats And image compression.
An Introduction to Graphic File Formats.jpg.gif.tiff bmp and.eps and.psd...
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
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.
SOFTWARE TYPES Word processing Page layout Paint Draw.
Files, File Format Folders Paths, URL Absolute Addresses Relative Addresses © Ms. Masihi.
Graphics workshop Library and Information Services University of St Andrews.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Image Compression CSC CSC Computing with Images2 Image Compression Goal: reduce redundancy –Encode the same information using fewer bits.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Vector vs. Raster Objectives:
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
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
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.
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.
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
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Vector (Shapes) vs. Raster (Pixels)
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,
Introduction to Graphics
2.01 Understand Digital Raster Graphics
Sci Vis I Exam Review Unit 6 File Formats.
2.01 Investigate graphic image design.
Bitmap vs. Vector.
Graphics Basics Ellen Eyth.
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.
A computer display is made up of small squares, called pixels.
Using GRAPHICS Bristol Community College CIS 13 Business Creativity Sources: Conference for Desktop Publisher and Others.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
1.01 Investigate graphic types and file formats.
Introduction to Computer Graphics
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
Vector (Shapes) vs. Raster (Pixels)
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Presentation transcript:

File Formats and Vector Graphics

File Types Images and data are stored in files. Each software application uses different native file types and file formats. Each file type has specific uses and restrictions

Bitmap Images and Vector Graphics A bitmap image is stored as individual square pixels, each defined as a specific color. The number of pixels per inch (ppi) is a measure of the image resolution when displayed on the screen. A bitmap file contains an image in one of various bitmap formats, such as TIFF, GIF, JPEG and BMP.

The most common file formats for bitmap images are JPEG and GIF files. A bitmap file always contains RGB data. Bit mapped images can get “jaggies” when the image is enlarged because the image is composed of colored square pixels.

Vector graphics represents images as mathematical formulas that define all the shapes in an image. A vector graphic image is composed of lines and a few control points that are connected using Bezier curves. Vector images are more flexible than bit-mapped graphics. Vector Graphics Image

Vector graphic images retain their sharpness and shape even when scaled to different sizes. Vector images are commonly created and used in Adobe Illustrator, Corel Draw and Macromedia/Adobe Freehand.

JPEG – Joint Photographic Expert Group Used primarily for photographs, graphic images. Most common format to store and transmit images on the web. Supported by all browsers. File saved in JPEG format has a compression algorithm applied to the image, throwing out bits (but we do not notice the differences). Each time an image is saved, more bits are lost. Save JPEG file only ONCE in image editing programs. Standard in lossy compression. Does not convert well to GIF format.

GIF – Graphical Information Format Originally created by Compuserve to send images across the internet. No de facto file format at the beginning of the web, GIF became the standard for file transmission since it included a compression factor for easy file transmission. Limited to high contrast images, simple images, line drawings, text, logos, clip art, and lots of single color areas. Lossy compression. Saves transparent background.

PNG – Portable Network Graphics Lossless compression, designed primarily for use in Flash, Corel Draw, MSPaint, and Fireworks. Designed to replace GIF and TIFF, but did not happen. Better compression than GIF. Supports transparency in an image (in other formats transparencies turn opaque).

TIFF – Tagged Image File Format Used in InDesign or Quark production images. Most popular for prepress images. Platform independent; supported by numerous image processing applications. Standard in document imaging; most accepted file type for printing.

Cannot be embedded into a web page. Owned by Aldus which later merged with Adobe. Lossless (resulting in larger files); some versions of TIFF have compression algorithms applied to final image. No provision for storing vector graphics or animation.

EPS – Encapsulated Postscript File InDesign or Quark production images. Used in print production applications. Files are very large. Takes lots of time to render image. Image in EPS cannot be modified. Image preview before printing is shown as JPEG file.