The human eye. What you see l L H Cross Section through the Retina.

Slides:



Advertisements
Similar presentations
Don’t Type it! OCR it! How to use an online OCR..
Advertisements

Unit 30- Digital Graphics THEORY P2 and D2
Digital Multimedia.
Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.
1 IMAGES: A Picture Is Worth a Thousands Words, Image Formats Image Sizes Graphic Tips Image Tag Attributes Centering Images.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
Graphics for the Web Graphic formats and other considerations.
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.
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.
CS110: Computers and the Internet Color and Image Representation.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
ECE242 L30: Compression ECE 242 Data Structures Lecture 30 Data Compression.
Color Names All standards-compliant browsers should handle these color names These color names can be used with the CSS properties of color and background-color.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Pixels, Resolution and File Types Using Digital Media in the Classroom START.
File Sizes & Types. Size Matters Kilobytes (K) 1024 bytes = 1 kilobyte— a tiny trademark graphic or log might be a few kilobytes in size, whereas a full.
Data Representation and Storage Lecture 5. Representations A number value can be represented in many ways: 5 Five V IIIII Cinq Hold up my hand.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Images The Science of Images What is an Image on the computer? The Psychology of Images What do we use images for? What effect color has on our mood and.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
Multimedia Elements II Graphics, Digital Video. UIT - Multimedia Production2 Multimedia Elements Multimedia elements include: Text Graphics Animation.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
CS 111 – Sept. 10 Quiz Data compression –text –images –sounds Commitment: –Please read rest of chapter 1. –Department picnic next Wednesday.
Communicating Quantitative Information Is a picture worth 1000 words? Digital images. Number bases Standards, Compression Will [your] images last? Homework:
Image formats. Basic terminologies… Pixels: Pixels are the building blocks of every digital image. a pixel is a single point in a graphic image. Resolutions:
File Sizes & Storage Requirements.  An image has a width in pixels and a height in pixels  Start by calculating the number of pixels all up  640 x.
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.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
CS1033 Pixel and Resolution
File Size and File Formats. Digital cameras often save images in one of several formats: JPGBMPTIFFRAWOthers Most of these are unsuitable for use on the.
 Microsoft Photo Editor  HP Photo Smart  Picassa  iPhoto  Many, many, more.  Often comes with your computer, printer or camera.  Allows you to.
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.
Web Graphics. Web graphics Bandwidth is king Graphics must load quickly Graphics must be optimized All other components except for text, gif and jpg are.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor.
Digital Images are represented by manipulating this…
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Vocabulary Worksheet Answers
In the Know … Technological Vocabulary. Beginning Terms 1. Aperture – the mechanical opening in the lens that lets light in. 2. ASA / ISO – rating given.
Advanced AV Production Practicum Math for The Audio Video Professional Calculating Single File Sizes Copyright © Texas Education Agency, All rights.
Effective Presentation CIT Core Module Chapter 4.
Information Systems Design and Development Media Types Computing Science.
Online & Offline Publishing - Bitmaps & Vector Graphics Keywords: Paths, Points, Resize, Transparency, Resolution, Print Quality Web Image File Formats:
Document & image guidelines. document guidelines – file names, size & extension 2 right click on the file and click on properties file size: less than.
Demystifying the Pixel. What is a Pixel The smallest unit of measurement in a image It contains color space information in RGB, CMYK, HSB Resolution information.
Picture with at least 1000x1000 pixels size
Introduction; font size
2.01 Investigate graphic image design.
How to Convert Pictures into Numbers
Picture with at least 1500x1500 pixels size
Binary 4 File Sizes.
Introduction; font size
Poster Title : font size
Images and PowerPoint Scanners usually try to save an image as a TIF or Bitmap Don’t use .bmp, or .tif files in PowerPoint They are too big They will make.
Fun gym Cambridge Nationals R001.
Introduction; font size 12
Fun gym Cambridge Nationals R001.
Picture with at least 1000x1000 pixels size
Color and Images.
Picture with at least 1000x1000 pixels size
Can you calculate the actual file size of a computer image
Introduction; font size 12
Introduction; font size 12
Introduction; font size 12
Picture with at least 1500x1500 pixels size
Picture with at least 1500x1500 pixels size
Presentation transcript:

The human eye

What you see l L H

Cross Section through the Retina

20/20

The sensitivity of this class

How big of a picture? u Final size of the image (in) (a x b) u Required resolution (dpi) u Calculate total number of pixels: u a x dpi x b x dpi u Depth of color (B) (doc) u a x dpi x b x dpi x doc u Compression

How many words does a picture worth? bits, not Bytes divide by 8! Size of file Modem speed (Kbps) Parity check and package sizes. Picture Words

Example: one page of text u PICTURE u 10”x7” at 76 dpi = 404,320 pixels u b&w  1 bit/pixel u 404,320 bits  50 KB (BMP) u With GIF compression  30 KB u TEXT (  850 words) u 45 lines/page (1½ lines at 12 points) u 80 char/line u 45x80 = 3600 char.  3.6 KB u  5 KB / 1000 words. BOTTOM LINE: don’t use pictures if they don’t say 10,000 words!.

See for yourself 850 Words Text Document 5K Same document as GIF 27K Same document as BMP 57K Same document as JPG 222K

Transmission times: 56 Kbps modem 56 K download 33 K upload Text Document 4K - uncompressed - modem compression helps Picture 32 K - compressed - modem compression slows

On-line conversions u u