Vector vs. Bitmap Monica Stoica, book used:the essential guide to computing by garrison walters.

Slides:



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

Computer Systems Nat 4/5 Data Representation Lesson 4: Storing Graphics.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
Illustration & Photography- Ch 9 Creating Graphics Illustration- using images that represent or express to make a visual statement Can show something that.
Vector vs. Bitmap SciVis V
8.2 PICTURE IT Graphic Types and Their Uses. What Are Graphics?  Graphics are pictures/images  They could be images taken on a digital camera or scanned.
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.
Raster vs Vector and Image Resolution By Josh Gallagan.
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
V Obtained from a summer workshop in Guildford County July, 2014
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.
Bitmap vs. Vector How computers work with photographs and drawings.
Images you see on your screen are made up of these things called pixels. A screen will show over 1 million pixels and then a computer has to do what it.
May Melissa Albo #1 Sagrario Casillas #4 Angela Durán #8 Daniela Martínez #16.
Dedicated Vector and Bitmap editing software.
 COMPUTER & INDUSTRY LANGUAGE For Commercial Art.
Chapter 2 Data Representation. Define data types. Visualize how data are stored inside a computer. Understand the differences between text, numbers, images,
Unit 30 P1 – Hardware & Software Required For Use In Digital Graphics
Lecture 3. Fundamentals of Computer Graphics. Computer Graphics, a very broad term Fields Related to Computer Graphics Bitmap/Vector graphics, 2D/3D graphics,
Dean Pentcheff NHMLAC MBPC/Crustacea 17 April 2006.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Presenting Work: Graphics and Charts Letts Chapter 14.
JRN 302: Introduction to Graphics and Visual Communication - Raster and Vector Files Tuesday, 9/8/15.
Vector vs. Bitmap
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
Higher Computing Computer Systems S. McCrossan 1 Higher Grade Computing Studies 1. Data Representation Data Representation – Why do we use binary? simplicity,
Digital Images Can show something that cannot be photographed Illustration- using images that represent or express to make a visual statement.
Character Generation.
A K Allison1 Tools for Information Processes Displaying  Hardware  Software  Non-computer tools  Social and Ethical issues.
Graphics. What is a Graphic ? A Graphic is an image or a picture e.g. Pictures can be either drawn or painted. Pixel - Stands for Picture Element.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Graphics ITGS. Pixel Short for “Picture Element” A single dot on a monitor or printed document. The smallest rectangular area of an image that can be.
Computer Graphics Bitmap v Vector Graphics. Learning Objectives: By the end of this topic you should be able to:
Multimedia def. Many forms. Multimedia Text Hyperlinks Images Audio Animation Video Text Hyperlinks Images Audio Animation Video.
Introduction to Image Processing. Image Processing is the steps of using image processing tools to covert different kinds of image sources into different.
Bitmap and Vector Graphics Bitmap Graphics Pictures are made up of little dots called pixels The colour of each dot is saved –Examples: Binary code representing.
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.
Lecture 7: Intro to Computer Graphics. Remember…… DIGITAL - Digital means discrete. DIGITAL - Digital means discrete. Digital representation is comprised.
Data Representation The storage of Text Numbers Graphics.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Images Size & The Web. When putting your photos on the Web or sending them by , the smaller you can get them, the better. One simple thing you can.
Digital Images are represented by manipulating this…
By: Catyana Brown Information Technology in a Global Society: Multimedia.
Output Devices. Any items of hardware that the computer uses to present data to the user –Can output text, images, video, sound or other types of data.
By Nathan Lowe.  Graphic cards are high specification cards with lots of memory and fast processors providing lots of power for the updated games or.
RASTERIZING SHAPES IN PHOTOSHOP RASTERIZE: A process in Photoshop of converting a vector image into a bitmap (or raster) image VECTOR: A vector image is.
By tom squire.  Graphic cards are made of millions of dots called pixels. Graphic cards take data from the CPU and turn it into a picture. At most common.
Guilford County SciVis V104.03
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
Basic Digital Imaging For PE 266 Technology in HPER.
Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.
Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.
Graphic Format Factors
Graphic Format Factors
Vector vs. Bitmap.
Introduction to Humanities Computing
Adobe Visual Design 1.00 Setting project requirements using Photoshop (3%) 6.00 Setting project requirements using Illustrator (1%)
Graphic Format Factors
Chapter 2 Data Representation.
Final Study Guide Arts & Communications.
Graphic Format Factors
Graphic Format Factors
Graphic Format Factors
Graphic Format Factors
Graphic Format Factors
Presentation transcript:

Vector vs. Bitmap Monica Stoica, book used:the essential guide to computing by garrison walters

Bitmap One meaning: an image that comprises a pattern of dots. Second meaning: how an image is made – is created dot by dot for a specific size and resolution. Contrast with vector. Bitmaps were first used in microcomputers by Apple in 1984 for fonts. Until Macintosh computers have been able to display one font only. The original Macintosh had 128K of memory, and exciting new capability given to people slowed computers down a lot… Flash creates vector images while Photoshop and Paint Shop Pro create bitmaps

Vector Images Vector images are the same as bitmap in that the final image is a bitmap –a series of dots. The difference is that vector images are built mathematical formulas rather than from a predetermined pattern of bits. If you were to look at a vector image before it is drawn on the screen you would not see any bits, but rather something like:” to draw a capital I, start at the baseline and draw a line with thickness of x, for a distance of y.” Since the result of the vector calculation must still be a pattern of bits, the formula translates its calculation for the resolution of the output devise – if it’s working with a 72dpi monitor, it will draw the letter on a grid with that scale.

Vector vs. Bitmap Built from a formula Can be scaled to different sizes for different resolutions – contrast with a bitmap which is created dot by dot for a specific resolution. This formula approach provides a lot of flexibility – the formula works for a 12-point I as well as for a 15-point I – since you just change the value of y. If you want the letter bold, you can multiply the normal value of x by 1.5, or whatever.

Vector vs. Bitmap The vector approach is more efficient with memory The vector version of all the characters in Times Roman for example, will take more memory than a couple of fonts in the same typeface. But the vector approach will quickly be more efficient if there is a need for greater scalability than just few fonts.

What’ s used today? On the net, objects in WebPages other than basic text and standard symbols are normally bitmaps – flash is about to change many of those though :). The reason for the current situation are: Image are usually designed for computer monitors and won’t have to change resolution much Bitmaps can be compressed quite easily – saves storage and bandwidth Fonts are mainly vectors – today’s computer documents require a lot of flexibility and need to be scaled for the monitor and the printer.