What the difference is between bitmap and vector images. Which is suitable and when. Why do I need to know this?

Slides:



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

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Raster Graphics vs. Vector Graphics
Bitmap and Vector Graphics. Bitmap Graphics Photos Scanned Images Animations Most pictures you find on the Internet Photos are JPG files – lots of colours.
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.
 Thumbnails are used to show a library of images in a small space.  When you click on the thumbnail image the full size image appears.
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.
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
Dedicated Vector and Bitmap editing software.
Unit 30 Digital Graphics – Course overview Anne Sewell
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Simple Graphics. Graphics Used in PowerPoint, Web pages and others Basic Knowledge drawing change of colour, shape and others acquiring, video camera,
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
2.01D Investigate graphic image design. Image Resolution.
Graphics and Images Communicating Information : Documents and Publications.
By Millie and Ellece. D IFFERENT T YPES OF G RAPHICS Bitmap Formats JPEG GIF PNG PSD TIFF.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Raster vs Vector Graphics And Other Digital Terms.
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,
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
Raster Graphics 2.01 Investigate graphic image design.
Graphics Concepts Presentation
Information Technology Images: Types, Resolution and Techniques.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Raster vs. Vector 2.02 Understand Digital Vector Graphics.
Ms Taylor. L.I. 1.I will learn about Vector and Raster graphics 2.I will learn about the advantages and disadvantages of both types of graphics 3.I will.
Part 1 File Formats Definition: A file format is a way to write the code of information for storage of an electronic file on a computer. Different software.
Online & Offline Publishing - Bitmaps & Vector Graphics Keywords: Paths, Points, Resize, Transparency, Resolution, Print Quality Web Image File Formats:
2.02 Understand Digital Vector Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Digital Illustration Chapter 6 File format.
2.02 Understand Digital Vector Graphics
Types of Graphics Technological Design.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Web Graphics By Chris Harding.
Introduction to Graphics
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
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.
Digital Images.
2.02 Understand Digital Vector Graphics
1.01 Investigate graphic types and file formats.
2.02 Understand Digital Vector 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.
Digital Image Creation & Editing
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.02 Understand Digital Vector Graphics
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.02 Understand Digital Vector Graphics
2.01 Investigate graphic image design.
Creating Digital Graphics
Presentation transcript:

What the difference is between bitmap and vector images. Which is suitable and when. Why do I need to know this?

We start to encounter problems with Bitmap images when we try to change the resolution of our images. When we try to make images smaller the computer has to delete pixels in order for them to fit within the specified resolution. This can cause our images to degrade and we don’t see as much detail in the image anymore. When we try to enlarge our image it becomes blocky because the computer tries to guess what colour our extra pixels should be.

This image was firstly reduced in sized and then made larger. We have lost detail when we re-enlarged it because the computer removed some of the pixels when we downsized it! When we re-enlarged it, the computer tried to guess what colours should be added...clearly it wasn’t the best guess!

Bitmap (raster) – format made by Microsoft. – ideal use is desktop backgrounds on your PC. Vector – Used for printing business cards, brochures, logos etc. – Easily embedded in other documents. – Best for printing illustrations professionally. GIF (raster) – The best choice for graphic images on the web. – Only uses 256 colours

JPEG – Uses more colours than GIF – best choice for photos on the web. – Use to photographs to people. – Small file sizes. TIFF – Very good for scanning and printing photos. – Used in commercial and professional printing. – Best for printing photos professionally. – A common format that can be used by most computers. WMF – Used for clipart. – Don’t support a lot of colours. – Not good for professional printing. – Used for drawing in Microsoft Windows.

You need to create 3D models which are based on 2D net designs. Your designs need to be done using Vector Graphics! To get the best results when dealing with images you need to have a good understanding of how computers deal with images! If you want the best you need to work with a file format that suits your purpose!