 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.

Slides:



Advertisements
Similar presentations
Raster Graphics vs. Vector Graphics
Advertisements

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.
Task 2 Create Your Competition Entry Guidance Notes.
WHAT IS IT AND WHY SHOULD I CARE? 2.0.  GRAPHICS  Draw-type graphics (also called vector graphics) represent an image as a geometric shape made up of.
What the difference is between bitmap and vector images. Which is suitable and when. Why do I need to know this?
Unit 1 Selby High School Fireworks Lesson Objectives To summarise and explain the difference between bitmap and vector images To peer/self assess work.
Bitmap vs. Vector How computers work with photographs and drawings.
Adobe InDesign CS5 – Illustrated Unit D: Working with Graphics.
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,
Dedicated Vector and Bitmap editing software.
Data Sources Chapter 1.
~ How to create a basic website ~ Prepared by Jann Bradshaw April 2010.
Faculty of Sciences and Social Sciences HOPE Website Development Graphics Stewart Blakeway FML 213
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.
Simple Graphics. Graphics Used in PowerPoint, Web pages and others Basic Knowledge drawing change of colour, shape and others acquiring, video camera,
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.
Images Data Representation. Objectives  Understand the terms bitmap & pixel  Understand how bitmap images are stored using binary in a computer system.
Clip Art (& collections of thumbnail images). Learning Objectives: By the end of this topic you should be able to: discuss the advantages & disadvantages.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Digital imaging. Two types of graphic Bitmap Vector.
MILLIONAIRE SCOREBOARD $100 $200 $300 $500 $1,000 $2,000 $4,000 $8,000 $16,000 $32,000 $64,000 $125,000 $250,000 $500,000 $1 MILLION Click the $ for.
Digital Photography and photo manipulation Richard Hine.
Software. Read the description on the next slide. Can you picture the scene?
10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.
Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Graphics and CAD. LO: Understanding graphics formats, manipulation, and the benefits of using CAD software. Learning Outcome: Define key words and answer.
Computer Graphics Bitmap v Vector Graphics. Learning Objectives: By the end of this topic you should be able to:
Vector Graphics Multimedia Technology. Object Orientated Data Types Created on a computer not by sampling real world information Details are stored on.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Representing and Storing Graphics EXTENSION.
Digital imaging. Two types of graphic Bitmap Vector.
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.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
COMPUTER GRAPHICS. Can refer to the number of pixels in a bitmapped image Can refer to the number of pixels in a bitmapped image The amount of space it.
Task 3 Store and Present Your Digital Entry Guidance Notes.
Resolution The resolution of an image is determined by the number of individually addressable points that make up the image, whether it is the number.
Information Technology Images: Types, Resolution and Techniques.
MR.CHITHRAVEL.V ASST.PROFESSOR ACN
Create Buttons Task OCR National - Unit 21 Today we will Consider what an 80s game website might have as a “look and feel”. Understand the meaning of.
Information Systems Design and Development Media Types Computing Science.
Vector Graphics 2.02 Understand Digital Vector Graphics.
Searching for Images Improving the quality of your Google Search.
WELCOME. THIS PRESENTATION Where we’ve been Where we’re going Where we’re going next Where we’re going today.
POS 420 Week 3 DQ 1 Write a short essay 200 – 300 words describing the advantages and disadvantages of having a large number of Linux® variants. Note which.
Computer Systems Nat 5 Computing Science Data Representation
A. describe the characteristics of documents: character, paragraph, sections, frames, headers, footers, footnotes and pages, and how they should be used;
Computer Graphics Presented by: May Lau.
Digital imaging.
Introduction to raster graphics
Bitmap vs. Vector.
A computer display is made up of small squares, called pixels.
Representing Nonnumeric Data
Learning Intention I will learn how a computer stores graphics.
GRAPHICS Source:
Enhancing a Document Part 1
File size and image quality
Digital imaging.
Enhancing a Document Part 1
Data Representation.
Representing Images 2.6 – Data Representation.
What do these words mean to you?
Web Design and Development
Problems of Tutorial 9 1. Consider a data set consisting of 1 response variable (Y) and 4 predictor variables (X1, X2, X3 and X4) with n=40. The following.
Photographer’s Name Here
Computer Systems Nat 4.5 Computing Science Data Representation
Computer Systems Nat 4/5 Data Representation Lesson 4:
Uppingham Community College
Presentation transcript:

 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.

 A new application by Microsoft is in development called Pivot which allows people to sort through data using images as a medium.  It uses thumbnail libraries to help convey information.

 When you click on an area you are presented with thumbnails.  Click on a thumbnail and you are taken to a website (or websites) related to that image.  The more thumbnails you have though, the longer it takes to download them all.

 List the advantages and disadvantages of using a collection of thumbnail images.

 There are different types of image that you can work with.  Bitmaps and Vector are two types which you need to learn about.  Both have their advantages and disadvantages which make them suitable for different things…but in order for you to understand those you need to understand what makes them different.

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!

 Describe the difference between a bitmap image and a vector image.  Create a table which compares vector images to bitmap images. Each entry for vector should have a comparative statement next to it. For example:

 Explain why a bitmap image is more suitable for photographs compared to a vector image.  Giving reasons, explain why an architect would be better off using vector images when he create blueprints for his next house design.